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 vote281 views1 answer
Wp wpbakery bulder page alignment
CSS
1 vote304 views1 answer
Button background color remove
CSS
19 votes207 views3 answers
Bootstrap media queries
CSS Bootstrap
0 vote224 views1 answer
Icon float right side input css
CSS
-1 vote206 views2 answers
How to zoom image on hover in css
CSS
7 votes197 views3 answers
Css stop text wrapping
CSS
0 vote213 views1 answer
Css apply style to direct children
CSS
18 votes161 views2 answers
Hover transition css
CSS
44 votes216 views5 answers
Breakpoint bootstrap
CSS
179 votes522 views6 answers
Filter method
CSS