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

24 votes276 views3 answers
Remove underline from a link css
CSS
0 vote254 views1 answer
Material form css
CSS
26 votes256 views4 answers
Css background image cover
CSS
0 vote267 views1 answer
Border 1px thick
CSS
0 vote267 views2 answers
Failed to start ssh.service: Unit ssh.service not found.
CSS
13 votes251 views6 answers
Hide title bar android
CSS
0 vote238 views1 answer
Css variables css tricks
CSS
0 vote248 views1 answer
How to use css transform matrix
CSS
0 vote261 views1 answer
Css avoid line break in span
CSS
0 vote259 views1 answer
Remove all default styles from input
CSS