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

1 vote120 views1 answer
How to get element details using cssselector using beautifulsoup
CSS
0 vote151 views1 answer
Bulma modal
CSS Bulma
10 votes114 views1 answer
Css when click select another class
CSS
3 votes120 views4 answers
How to remove border on button click
CSS
1 vote138 views2 answers
Apply style to second child div
CSS
53 votes122 views6 answers
Background color
CSS
4 votes112 views2 answers
How to get all values from object in javascript
CSS
0 vote73 views0 answer
CSS
0 vote122 views2 answers
Electron draggable
CSS
6 votes124 views3 answers
Css change background color of page
CSS