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 votes129 views1 answer
Diable focus button css
CSS
0 vote139 views1 answer
Content url svg css
CSS
0 vote133 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
3 votes135 views1 answer
Css edit scroll bar
CSS
0 vote138 views1 answer
Tailwind css image grid
CSS
0 vote140 views1 answer
React css change number animation
CSS
0 vote145 views1 answer
Alternate css animation
CSS
2 votes141 views1 answer
Remove accordion space materuail ui css
CSS
3 votes141 views2 answers
Css affect all child elements
CSS
82 votes131 views6 answers
Text-shadow css
CSS