/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

11 votes335 views1 answer
Html click through elements
CSS
2 votes330 views6 answers
Tailwindcss
CSS
1 vote357 views1 answer
Felx-wrap css
CSS
0 vote318 views1 answer
à quoi sert clearfix
CSS
1 vote323 views1 answer
Change angular material icon color
CSS
13 votes401 views5 answers
Transition shorthand
CSS
0 vote325 views1 answer
Input on Internet explore has close icon
CSS
0 vote378 views1 answer
Css letter spacing tight
CSS
0 vote339 views4 answers
Tabs css only
CSS
0 vote369 views1 answer
Twig language name
CSS