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

2 votes135 views2 answers
Vertical align span tailwindscss
CSS
0 vote115 views1 answer
Combine binary numbers
CSS
0 vote125 views1 answer
React bootstrap css module use media query mixin
CSS
0 vote120 views1 answer
Create an irregular shape div css
CSS
2 votes114 views1 answer
Html remove hittest from element
CSS
-1 vote116 views1 answer
Tachar texto css
CSS
55 votes122 views5 answers
Margin shorthand CSS
CSS
0 vote116 views1 answer
Setting size for png icon in CSS
CSS
16 votes108 views4 answers
Arrow right css
CSS
0 vote112 views1 answer
Css background color over image
CSS