/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

29 votes111 views2 answers
How to horizontal center a div in css
CSS
0 vote114 views1 answer
Vendor css
CSS
10 votes109 views2 answers
Darken image css
CSS
0 vote124 views2 answers
Wp redirect to https htaccess
CSS
2 votes104 views2 answers
How to apply outline to text in html css
CSS
109 votes115 views6 answers
Position absolute
CSS
36 votes108 views2 answers
Css translate x and y
CSS
9 votes109 views3 answers
Set whole website background image
CSS
-1 vote69 views1 answer
Responsiveness in bootstrap
CSS
0 vote112 views1 answer
Using a Python dict for a SQL INSERT statement
CSS