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

3 votes209 views2 answers
Align an entire second row center css grid
CSS
0 vote248 views1 answer
In a form how to remove the input outerline color or shadow
CSS
0 vote216 views1 answer
Css select havig both classes
CSS
0 vote230 views1 answer
Css columns
CSS
1 vote163 views1 answer
Python 'charmap' codec can't decode byte
CSS
57 votes262 views4 answers
Css hover rounded corners
CSS
0 vote194 views1 answer
Html css tilt text
CSS
12 votes207 views6 answers
Text-align css
CSS
-2 votes187 views1 answer
Css transform translate and rotate
CSS
33 votes215 views6 answers
Css flex center
CSS