Css center div vertically

Css align items vertical center

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

Source: css-tricks.com

Css center vertically

/* 100vh = 100% Viewport Height */
body {
	display: flex;
	height: 100vh;
	flex-direction: column;
	justify-content: center;
}
/* add */ align-items: center; /*to also center horizontally.*/

Similar codes

2 votes356 views2 answers
Remove the glow in bootstrap input
CSS
8 votes338 views2 answers
Center image with position absolute
CSS
0 vote372 views2 answers
Chrome developer tools send get request
CSS
0 vote351 views1 answer
Centrizing a table with css
CSS
0 vote350 views1 answer
Content url svg css
CSS
60 votes356 views6 answers
Center div horizontally and vertically
CSS
0 vote433 views1 answer
Css interne
CSS
0 vote345 views2 answers
Tailwind css form
CSS
1 vote303 views2 answers
Css darken
CSS
0 vote343 views2 answers
Fr meaning in css
CSS