/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

0 vote184 views2 answers
Get element with href css
CSS
22 votes157 views4 answers
Centering with flexbox
CSS
0 vote111 views1 answer
How to move bullet in css
CSS
1 vote166 views1 answer
How to boosts your rendering performance
CSS
0 vote265 views2 answers
Google font smooth
CSS
3 votes159 views1 answer
Font family comic sans ms
CSS
0 vote157 views1 answer
I need show the message for when we are clicking routing page in anularjs
CSS
0 vote152 views1 answer
Cannot apply border radius to tr
CSS
0 vote155 views1 answer
Text overlay animation css
CSS
0 vote160 views1 answer
Scss global class
CSS