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

33 votes319 views6 answers
Git reset head
CSS
7 votes305 views1 answer
Css remove blue outline button
CSS
0 vote305 views1 answer
Change parent div css on over of child
CSS
2 votes330 views1 answer
Html5 input required length
CSS
0 vote343 views2 answers
How to remove text style on td in angularjs
CSS
3 votes326 views1 answer
Css animation keep final state
CSS
5 votes337 views2 answers
Overflow dots css
CSS
0 vote362 views1 answer
Keeping text to be in one line
CSS
0 vote323 views1 answer
Matrix multiplication markdown
CSS
0 vote315 views1 answer
Flex box writing sideways text top to bottom
CSS