/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

9 votes296 views3 answers
Bootstrap badge color
CSS
3 votes329 views4 answers
How to remove css from element using jquery
CSS
29 votes282 views3 answers
Green hex code
CSS
0 vote259 views1 answer
Css class and attribute selector
CSS
0 vote279 views1 answer
Learn css
CSS
6 votes287 views6 answers
Console.log with color font
CSS
6 votes304 views3 answers
How to snap the scroll is css
CSS
8 votes310 views3 answers
Text break css
CSS
1 vote279 views2 answers
Buttonfarbe transparent machen css
CSS
0 vote367 views2 answers
Google font smooth
CSS