/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

2 votes170 views1 answer
Xpath vs css selector
CSS
5 votes233 views2 answers
How to rotate image 360 degrees in css
CSS
9 votes211 views3 answers
Css table flex
CSS
8 votes222 views2 answers
CSS change image height
CSS
0 vote217 views2 answers
Move header down css
CSS
0 vote243 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
0 vote202 views1 answer
Free hrml css curs
CSS
0 vote215 views2 answers
False
CSS
-1 vote203 views2 answers
Html and css websites
CSS
0 vote219 views1 answer
For loop for increment id of div in jquery
CSS