/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

2 votes185 views1 answer
Ion input change font size
CSS
10 votes157 views2 answers
Css list elements horizontally
CSS
0 vote195 views1 answer
Inine css
CSS
1 vote161 views1 answer
Image grascale css
CSS
0 vote163 views1 answer
Tipografias family style para css y html
CSS
6 votes168 views2 answers
Image orientation css
CSS
1 vote162 views1 answer
Css button:focus border-radius square
CSS
1 vote161 views1 answer
How do I vertically center text with CSS?
CSS
1 vote167 views1 answer
Flexbox align or justify one single item
CSS
60 votes184 views6 answers
Center div horizontally and vertically
CSS