/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 vote324 views1 answer
Have unordered list horizontal css
CSS
0 vote308 views4 answers
Scale down image css
CSS
0 vote250 views1 answer
Css design guideline
CSS
3 votes271 views2 answers
Hr tag customize using css
CSS
1 vote269 views1 answer
Li only showing first bullet
CSS
2 votes269 views1 answer
Responsive background image
CSS
9 votes303 views3 answers
How to affect a deffernt element in css
CSS
3 votes265 views1 answer
Css first td
CSS
3 votes282 views1 answer
What is a pseudo selector?
CSS
64 votes252 views6 answers
Rotate css
CSS