/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

0 vote146 views1 answer
Christmas red color code
CSS
0 vote143 views1 answer
Device-pixel-ratio css
CSS
3 votes164 views1 answer
Css scaling border radius
CSS
0 vote125 views1 answer
Circular div css
CSS
0 vote123 views1 answer
How to select classes that start with a certian name
CSS
7 votes139 views2 answers
Rem vs em
CSS
2 votes141 views1 answer
Make object not selectable javascript
CSS
0 vote193 views1 answer
Sticky footer not working bootstrap
CSS Bootstrap
0 vote185 views1 answer
Css custom easing
CSS
0 vote202 views1 answer
Div overlfow scroll
CSS