/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

5 votes278 views1 answer
How to center with translate
CSS
2 votes265 views1 answer
Css last character
CSS
1 vote279 views1 answer
Nth of type for every 4th after the 1st
CSS
0 vote265 views1 answer
Css add margin to a particular div in print screen
CSS
3 votes271 views4 answers
Transparent button css
CSS
61 votes281 views2 answers
Bootstrap flex direction column
CSS
0 vote246 views1 answer
How long since 1993
CSS
1 vote268 views2 answers
Css animation linear
CSS
2 votes321 views2 answers
How to add an icon to your website tab
CSS
14 votes277 views2 answers
How to render css in flask
CSS