/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 vote227 views1 answer
Css hsla
CSS
0 vote272 views1 answer
Alacritty auto start fish
CSS
14 votes181 views5 answers
Make background image full width
CSS
0 vote193 views1 answer
Style scrollbar overflow-y
CSS
3 votes207 views2 answers
Ignore cache pip
CSS
222 votes480 views6 answers
Bootstrap CSS CDN
CSS
0 vote216 views1 answer
Wpforms submit button css
CSS
1 vote194 views2 answers
Apple font css
CSS
9 votes220 views1 answer
Vevo playlist
CSS
2 votes181 views3 answers
Css cursor delete
CSS