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 vote109 views1 answer
Stop css transition from firing on page load
CSS
0 vote115 views1 answer
Vendor css
CSS
22 votes103 views3 answers
Smooth scroll css
CSS
0 vote107 views1 answer
Easyui how to change datagrid header height
CSS
0 vote106 views1 answer
Hover show scrollbar css
CSS
145 votes178 views6 answers
Import bootstrap in react
CSS
0 vote114 views1 answer
Flot css mdn
CSS
0 vote121 views2 answers
Deployer custom Options
CSS
0 vote117 views1 answer
Horizontal checkbox css
CSS
0 vote72 views1 answer
Html.css.js
CSS