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 votes144 views1 answer
Make item apper at the center of div
CSS
8 votes179 views2 answers
Horizontal align icon css
CSS
-1 vote196 views1 answer
Financial year vs assessment year
CSS
1 vote215 views1 answer
Uibutton image
CSS
25 votes185 views4 answers
Set visibility css
CSS
1 vote185 views1 answer
How to make a relative div not take up space
CSS
0 vote186 views1 answer
My customized css export chrome dev
CSS
1 vote206 views1 answer
Place-items css property
CSS
1 vote177 views1 answer
Image grascale css
CSS
12 votes139 views1 answer
Css onclick event
CSS