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 vote153 views1 answer
Scss font color
CSS
2 votes136 views2 answers
Remove border iframe
CSS
2 votes212 views8 answers
Bootstrap 5
CSS Bootstrap
2 votes142 views1 answer
How to center with position fixed
CSS
0 vote158 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS
0 vote150 views1 answer
Css styles responsive password input eye
CSS
3 votes145 views2 answers
Align an entire second row center css grid
CSS
0 vote147 views1 answer
How to change line colors in css
CSS
7 votes146 views2 answers
Bootstrap Aligning images
CSS
62 votes160 views6 answers
Css text shadow
CSS