/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

3 votes135 views3 answers
Add tailwindcss to angular
CSS
0 vote152 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS
0 vote144 views1 answer
Style input type range shaded part only
CSS
-1 vote123 views1 answer
Hwo to use flexbox to make a nav bar
CSS
0 vote166 views1 answer
Omnisend custom css
CSS
0 vote128 views2 answers
Sass example html
CSS
43 votes120 views6 answers
Nth-child in css
CSS
0 vote139 views1 answer
Start a css file
CSS
-1 vote115 views1 answer
Css change radio button style
CSS
165 votes185 views6 answers
How to make text bold in css
CSS