/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 vote203 views1 answer
After certain width how make ontent center and add margin auto both side
CSS
3 votes202 views4 answers
Transparent button css
CSS
8 votes194 views3 answers
Bootstrap file upload
CSS
-1 vote224 views3 answers
How to align list to the centre in css
CSS
0 vote179 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
0 vote169 views1 answer
Css change width animation
CSS
1 vote268 views1 answer
@extend must be used with a %placeholder
CSS
0 vote179 views2 answers
Css stopper une animation
CSS
1 vote181 views1 answer
Change angular material icon color
CSS
-1 vote181 views1 answer
Use w3 css on your website
CSS