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 votes190 views2 answers
Css change image color
CSS
6 votes192 views2 answers
Linear gradient syntax
CSS
0 vote218 views1 answer
How to make img cover parent div
CSS
0 vote229 views1 answer
Css fade change coloir
CSS
1 vote205 views3 answers
Css background image not working
CSS
1 vote207 views1 answer
Ul li seprator
CSS
0 vote208 views1 answer
How to apply css on react chartjs
CSS
0 vote216 views1 answer
Position images in center of container
CSS
1 vote207 views1 answer
Input type date remove calendar icon
CSS
0 vote208 views1 answer
Center text html css position fixed
CSS