/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 vote213 views1 answer
Floating object animation css
CSS
-2 votes219 views1 answer
Div color overlay css
CSS
1 vote250 views2 answers
Png image background transparent css
CSS
0 vote222 views1 answer
Remove all input style'ing
CSS
0 vote216 views1 answer
Import tailwind
CSS
38 votes226 views5 answers
Roboto
CSS
0 vote240 views1 answer
Css set width of a span
CSS
0 vote236 views1 answer
Text below filter css using pseudo
CSS
7 votes273 views1 answer
Justify text csss
CSS
0 vote255 views1 answer
Can we block onclick of button using css
CSS