/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

7 votes284 views3 answers
Text unselectable css
CSS
0 vote296 views1 answer
Css 2 images side by side to stack
CSS
0 vote283 views1 answer
Awesome font google icon colored css
CSS
72 votes278 views6 answers
Css absolute center horizontal
CSS
13 votes299 views4 answers
How to print background bootstrap
CSS
0 vote309 views3 answers
Center ul
CSS
38 votes280 views3 answers
Css breakpoints
CSS
0 vote286 views1 answer
Slect all li that not have ul
CSS
0 vote285 views1 answer
Wordpress page css not working
CSS
1 vote302 views1 answer
Css font-variant
CSS