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

1 vote267 views1 answer
How to desactivate txt selection css
CSS
0 vote168 views1 answer
Css overflow smooth scroll mobile
CSS
2 votes166 views1 answer
Index in javascript
CSS
2 votes178 views2 answers
Poppins cdn
CSS
3 votes198 views3 answers
Box sizing border box
CSS
1 vote191 views2 answers
How to filter css red
CSS
92 votes214 views6 answers
Center div css
CSS
2 votes154 views1 answer
Bootstrap list view
CSS
1 vote228 views1 answer
Increase font size zenity
CSS
1 vote176 views2 answers
Css animated background
CSS