/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 vote235 views1 answer
Text-overflow ellipsis hover tooltip css
CSS
2 votes258 views2 answers
Poppins cdn
CSS
0 vote234 views1 answer
How to add a photo using css beside a paragraph in html
CSS
11 votes281 views4 answers
Git hard reset to commit
CSS
11 votes241 views3 answers
Css "fontweight" "font-weight" "fontWeight"
CSS
0 vote271 views1 answer
Au fourneua bakery
CSS
0 vote266 views1 answer
Html css psd
CSS
2 votes272 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
4 votes229 views1 answer
How do i update my gatsby version?
CSS
0 vote220 views1 answer
Bootstrap 5 tutorial
CSS