Css center vertically

Vertical align css

.container{
  display: table;
}

.div-inside-container{
  display: table-cell;
  vertical-align: middle;
}

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

13 votes205 views6 answers
Bootstrap Badges
CSS
6 votes204 views3 answers
Print css media query
CSS
2 votes181 views1 answer
H2 in px css
CSS
6 votes226 views5 answers
Font-style css
CSS
4 votes216 views1 answer
Resize in css
CSS
6 votes195 views1 answer
How to center an hr
CSS
0 vote206 views1 answer
How to disable margin collapse between parent and child
CSS
0 vote242 views3 answers
Add custom css to wordpress menu item
CSS
1 vote159 views1 answer
Outside padding css
CSS
33 votes204 views6 answers
Background image opacity css
CSS