/CSS/Html vertical and horizontal center

Html vertical and horizontal center

Css center vertically and horizontally

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* to make "align-items: center" work: use "min-height: 100vh;"
100vh = 100% Viewport Height */

Source: grepper.com

How to center vertically and horizontally in css

.<your-outer-div> {
  display: flex;
  justify-content: center;
  align-items: center;
}

Source: grepper.com

Similar codes

93 votes114 views6 answers
Css center image in div
CSS
4 votes156 views2 answers
Border dot css
CSS
0 vote108 views1 answer
Css animation cheat sheet
CSS
7 votes127 views4 answers
How hide in html
CSS
4 votes113 views2 answers
How to remove horizontal scrolling
CSS
3 votes128 views2 answers
Css overflow y 3 dots
CSS
0 vote108 views2 answers
Mask image css
CSS
0 vote108 views1 answer
Enque script only on specific archive page
CSS
1 vote104 views1 answer
Css ecken abrunden
CSS
31 votes117 views3 answers
How to change the width of a background image in css
CSS