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 vote135 views1 answer
Transform on click
CSS
44 votes147 views6 answers
Gradient color css
CSS
-1 vote230 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
0 vote141 views2 answers
Failed to start ssh.service: Unit ssh.service not found.
CSS
2 votes140 views1 answer
Send mails from lampp form localhost
CSS
0 vote142 views1 answer
React css change number animation
CSS
0 vote145 views1 answer
Daphne vs gunicorn
CSS
0 vote133 views1 answer
How to install tailwind css in html
CSS
0 vote145 views1 answer
Reference WP media file on child theme CSS file
CSS
3 votes146 views1 answer
Inline block align center
CSS