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 vote205 views1 answer
Css font-variant
CSS
0 vote189 views1 answer
Specific id under class css
CSS
0 vote201 views3 answers
Html input file upload image for profile picture
CSS
0 vote239 views1 answer
Simple font-face mixin scss
CSS
0 vote211 views1 answer
Css tr border radius
CSS
1 vote215 views1 answer
Css thinner hr
CSS
17 votes219 views3 answers
Css hover mouse hand
CSS
8 votes190 views2 answers
Horizontal align icon css
CSS
3 votes232 views1 answer
Css first td
CSS
0 vote278 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap