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

10 votes231 views4 answers
Bootstrap badges Links
CSS Bootstrap
44 votes320 views5 answers
Breakpoint bootstrap
CSS Bootstrap
2 votes162 views3 answers
Css select first word
CSS
0 vote153 views1 answer
Transform on click
CSS
2 votes159 views1 answer
E/ViewRootImpl: sendUserActionEvent() mView returned.
CSS
40 votes156 views3 answers
Select first 5 child css
CSS
0 vote155 views2 answers
Curved lines css
CSS
1 vote187 views1 answer
Mat-progress-bar style without app-theme
CSS
-1 vote164 views1 answer
Css tricks position
CSS
0 vote125 views1 answer
Gulp postcss scss
CSS