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

43 votes394 views4 answers
Text limit in css
CSS
3 votes418 views2 answers
How to align form buttons right
CSS
0 vote386 views1 answer
Before css font awesome
CSS
4 votes320 views3 answers
Css animation delay
CSS
0 vote351 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
27 votes352 views1 answer
Css how to create gradients on text outline
CSS
0 vote359 views1 answer
Sweet alert modal form
CSS
-1 vote323 views1 answer
Responsiveness in bootstrap
CSS
0 vote354 views1 answer
Put light shadow around div
CSS
0 vote392 views1 answer
Chrome console remove css dark mode
CSS