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 vote145 views1 answer
Textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
CSS
0 vote148 views1 answer
Execution timeout expired the timeout
CSS
0 vote152 views1 answer
Text change animation css
CSS
22 votes149 views3 answers
Css disable text select
CSS
0 vote276 views1 answer
Remove materialize style input
CSS Materialize
70 votes138 views6 answers
Button href
CSS
0 vote153 views1 answer
Can a div change an item in another div css
CSS
16 votes168 views4 answers
Arrow right css
CSS
19 votes163 views5 answers
Css opacity background color
CSS
24 votes144 views2 answers
Text-overflow: ellipsis; 2 line
CSS