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 vote284 views2 answers
1rem to px
CSS
1 vote292 views1 answer
About us page template html css codepen
CSS
3 votes274 views1 answer
Add new class in tailwind css
CSS
0 vote287 views2 answers
False
CSS
0 vote278 views1 answer
Why programmers are single
CSS
4 votes309 views2 answers
Bootstrap icons sdn
CSS Bootstrap
0 vote290 views1 answer
How to center a list in html
CSS
63 votes304 views5 answers
Html position absolute center
CSS
71 votes294 views6 answers
How to center items in css
CSS
1 vote323 views1 answer
Uibutton image
CSS