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

1 vote284 views1 answer
How to boosts your rendering performance
CSS
-1 vote271 views1 answer
Hwo to use flexbox to make a nav bar
CSS
56 votes260 views3 answers
Css curved border
CSS
0 vote281 views1 answer
Asp net css how to change text alignment of gridview column
CSS
3 votes281 views3 answers
Add tailwindcss to angular
CSS
20 votes279 views2 answers
Div circle
CSS
0 vote294 views1 answer
Overwrite safari dropdown css
CSS
1 vote296 views1 answer
Scroll bar on border radius element css
CSS
0 vote287 views1 answer
Set margin to none inside print
CSS
0 vote275 views1 answer
Resetting Default Table Styles
CSS