/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

6 votes367 views2 answers
Css browser prefixes
CSS
0 vote360 views1 answer
How to extend selector
CSS
3 votes351 views2 answers
Css element with id and class
CSS
150 votes424 views2 answers
How to link your css file to html
CSS
6 votes374 views3 answers
Print media css
CSS
0 vote378 views1 answer
Button two lines on ipad
CSS
-1 vote403 views6 answers
How to comment in css
CSS
0 vote374 views2 answers
Css firefox remove scrollbar
CSS
0 vote389 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS
1 vote358 views1 answer
How to make button appear on hover
CSS