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 vote159 views1 answer
Move element on new line css
CSS
4 votes155 views3 answers
Add space between all html elements flex
CSS
1 vote260 views1 answer
Materialize button
CSS Materialize
23 votes146 views3 answers
Text-overflow ellipsis multiple lines
CSS
0 vote161 views1 answer
Prevent css animation reset
CSS
0 vote145 views1 answer
Grippy css
CSS
0 vote149 views1 answer
Twig date modify
CSS
0 vote218 views1 answer
Outting a border on a map css
CSS
33 votes156 views6 answers
Custom Cursor css
CSS
0 vote161 views1 answer
Element selector css
CSS