Css center div vertically

Css align items vertical center

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

Source: css-tricks.com

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 votes56 views1 answer
Xpath vs css selector
CSS
0 vote99 views1 answer
Press on button outline shoul not appear csss
CSS
0 vote105 views1 answer
Ghjhgggggggg
CSS
1 vote113 views1 answer
Refresh css on page
CSS
0 vote114 views1 answer
Css change overflow scrollbar
CSS
0 vote112 views1 answer
Ellipsis css in table cell 2 lines
CSS
1 vote103 views1 answer
Css position absolute transition
CSS
4 votes102 views3 answers
Css selection
CSS
0 vote101 views1 answer
Column count css
CSS
0 vote92 views1 answer
Change "no file chosen" pseudo css contact form 7
CSS