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

0 vote146 views1 answer
Divi submenu collapse by default
CSS
0 vote182 views1 answer
How to center an item without flex
CSS
11 votes158 views5 answers
Css affect other elements on hover
CSS
1 vote146 views1 answer
Gulp with pm2
CSS
2 votes150 views2 answers
Css width percentage
CSS
2 votes141 views1 answer
How to set height equal to dynamic width pure css
CSS
6 votes139 views9 answers
Create a portfolio website with html css
CSS
10 votes141 views2 answers
Line-height css
CSS
0 vote154 views2 answers
Adding font in nextjs
CSS
0 vote151 views1 answer
Reduire espace entre ligne css
CSS