/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 vote270 views1 answer
How to get font awesome outline
CSS
-4 votes289 views2 answers
Full width page css
CSS
0 vote280 views2 answers
The package could not be installed. the theme is missing the style.css stylesheet
CSS
1 vote308 views2 answers
Zoom level in css
CSS
7 votes288 views1 answer
Css remove blue outline button
CSS
0 vote377 views2 answers
Bootstrap 4 scss angular 8
CSS Bootstrap
0 vote284 views1 answer
Text overlay animation css
CSS
0 vote304 views1 answer
Réglage de constantes PHP
CSS
0 vote324 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
198 votes429 views6 answers
How to add css in html
CSS