/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

1 vote190 views1 answer
Bootstrap Changing the separator
CSS Bootstrap
0 vote182 views1 answer
Remove contact form 7 css
CSS
0 vote133 views1 answer
How to make website using html and css
CSS
54 votes143 views2 answers
How to center an image element inside a block in css
CSS
0 vote136 views1 answer
If i forked and cloned a github repo can i change the name
CSS
0 vote134 views1 answer
CSS blue bottom right Box shadow
CSS
0 vote100 views1 answer
Css class and attribute selector
CSS
51 votes143 views4 answers
Style scrollbar
CSS
22 votes351 views2 answers
React bootstrap carousal not working
CSS Bootstrap
1 vote152 views1 answer
Css import google font not working
CSS