/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

17 votes56 views2 answers
Linking css
CSS
0 vote66 views1 answer
New statamic project
CSS
37 votes48 views1 answer
Placeholder font size css
CSS
0 vote51 views1 answer
Matrix css
CSS
-1 vote74 views4 answers
Css after
CSS
15 votes54 views2 answers
Get rid of arrows number input
CSS
3 votes57 views1 answer
Enter in css
CSS
1 vote49 views1 answer
How to add background image in a container css
CSS
1 vote54 views1 answer
Align centre
CSS
0 vote55 views1 answer
For loop for increment id of div in jquery
CSS