/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 vote157 views1 answer
Removing default background color of html input
CSS
0 vote147 views1 answer
Secltor for parent li css
CSS
1 vote131 views1 answer
Transform orgin css
CSS
0 vote181 views1 answer
Css mutline comment
CSS
0 vote148 views6 answers
Install canon mf211 printer ubuntu
CSS
0 vote146 views1 answer
Boxsizing
CSS
0 vote139 views1 answer
Css display table row gap
CSS
0 vote217 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
1 vote100 views1 answer
Ionic create project css
CSS
3 votes151 views2 answers
Set css to default
CSS