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

66 votes313 views6 answers
Text background color css
CSS
0 vote319 views1 answer
Css ninja
CSS
33 votes304 views6 answers
Linear gradient css
CSS
1 vote334 views1 answer
Slickjs height
CSS
0 vote349 views2 answers
Update Arch Linux
CSS
1 vote343 views1 answer
Dom ids have numbers
CSS
0 vote338 views1 answer
Css font family narrow fonts
CSS
0 vote322 views1 answer
Before width not working
CSS
0 vote340 views1 answer
If child elemnt is hovered do changes to the container css
CSS
0 vote318 views1 answer
Css diplay grid text truncate
CSS