/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

9 votes135 views1 answer
Full page background image
CSS
0 vote142 views1 answer
Css diplay grid text truncate
CSS
0 vote164 views2 answers
How to insert icons pseudo content
CSS
2 votes137 views1 answer
Css preprocessor
CSS
0 vote139 views2 answers
Background shrinks when responsive
CSS
61 votes144 views6 answers
Center text in css
CSS
0 vote155 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
0 vote163 views1 answer
Map find link href element click
CSS
0 vote142 views1 answer
Decrease space between paragraphs html
CSS
0 vote143 views1 answer
Template html css bootstrap cdn
CSS