/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

26 votes123 views5 answers
Css text align left
CSS
0 vote106 views1 answer
Hide scroll bar and show when hover with small size
CSS
1 vote105 views1 answer
Css element same line
CSS
1 vote97 views1 answer
Ul remove dots
CSS
0 vote124 views1 answer
Helooo
CSS
0 vote121 views1 answer
Scss if
CSS
0 vote117 views1 answer
Css using the same background-color as the parent background
CSS
0 vote115 views1 answer
QAnon Won't believe who
CSS
0 vote116 views1 answer
Crypto module
CSS
1 vote119 views1 answer
Left align css mdn
CSS