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

0 vote185 views1 answer
Look and Feel
CSS
12 votes162 views2 answers
Other children than first css
CSS
0 vote153 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
0 vote215 views1 answer
React bootstrap css module use media query mixin
CSS Bootstrap
0 vote160 views1 answer
How to get two elements on the same line html
CSS
4 votes183 views3 answers
Add space between flex items
CSS
1 vote158 views1 answer
Javascript read me text
CSS
0 vote306 views1 answer
Css file path
CSS
0 vote160 views1 answer
Checkbox border css
CSS
24 votes145 views3 answers
Css remove outline
CSS