/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

46 votes367 views2 answers
Customize scrollbar
CSS
0 vote349 views1 answer
DIVI Responsive menu breakpoints
CSS
0 vote335 views1 answer
Devextreme css
CSS
2 votes348 views3 answers
Make an image smaller css
CSS
0 vote382 views1 answer
Set number word to new line html
CSS
-1 vote322 views1 answer
Css tricks
CSS
1 vote362 views1 answer
Matinput remove underline
CSS
0 vote341 views1 answer
No zoom viewport
CSS
0 vote332 views1 answer
Html disable spin buttons on input type number
CSS
1 vote352 views1 answer
Clear both css
CSS