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

0 vote209 views1 answer
Table inside table not matching borders
CSS
0 vote182 views2 answers
How to insert icons pseudo content
CSS
1 vote163 views1 answer
Cmd hash file
CSS
3 votes168 views3 answers
Remove clicked button border
CSS
0 vote155 views1 answer
Lower brightness of backgroung css
CSS
48 votes170 views3 answers
Red color rgb
CSS
15 votes190 views3 answers
Put an border around an text in css
CSS
3 votes154 views2 answers
Css onclick change color
CSS
1 vote173 views6 answers
Tailwind css in react
CSS
2 votes157 views2 answers
Mongoose populate selected fields
CSS