/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 vote226 views1 answer
Ionic ios remove button appearance
CSS
10 votes276 views2 answers
Make image darker in css
CSS
49 votes252 views3 answers
Centralize image css
CSS
-6 votes356 views7 answers
Css flex
CSS
0 vote241 views1 answer
Html textgröße ändern css
CSS
113 votes244 views5 answers
Padding css
CSS
4 votes239 views1 answer
Plasma state of matter
CSS
0 vote240 views1 answer
Como fazer listrada css
CSS
0 vote231 views1 answer
Mat select remove underline
CSS
4 votes276 views2 answers
Import fontawesome
CSS