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

3 votes181 views3 answers
Remove clicked button border
CSS
1 vote172 views2 answers
Set an image half its original size css
CSS
7 votes140 views1 answer
Col md 12
CSS
5 votes171 views3 answers
Css window height
CSS
0 vote183 views1 answer
Bootstrap accessibility
CSS Bootstrap
1 vote164 views1 answer
Why is my css code not working
CSS
22 votes183 views2 answers
React bootstrap carousal not working
CSS
7 votes165 views3 answers
Text unselectable css
CSS
0 vote162 views1 answer
Add padding to gnome terminal
CSS
168 votes220 views4 answers
Css link tag
CSS