/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 vote173 views1 answer
Css mauszeiger ändern
CSS
29 votes177 views6 answers
Box-shadow
CSS
-2 votes205 views1 answer
Difference between numpy array and matrix
CSS
1 vote217 views1 answer
Input date icon color change
CSS
0 vote213 views1 answer
Array_filter use keys
CSS
1 vote163 views1 answer
The user specified as a definer does not exist
CSS
3 votes174 views2 answers
Crop image with circle css
CSS
0 vote199 views2 answers
Electron draggable
CSS
0 vote203 views1 answer
Mitmf install
CSS
0 vote181 views1 answer
Colored button link
CSS