Center div vertically with flexbox

Css flex center horizontally and vertically

display: flex;
align-items: center;
justify-content: center;

Center div vertically with flexbox

/* <div class="center">
* 		<div>some important stuff </div>
* </div>
*/

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

Similar codes

74 votes213 views6 answers
Css rounded corners
CSS
3 votes213 views3 answers
Can you control another div on hover css
CSS
2 votes235 views2 answers
Box shadow css transition
CSS
3 votes236 views3 answers
Sass variable
CSS
0 vote203 views1 answer
Div style how to wrap around
CSS
120 votes192 views6 answers
Css hide scrollbar
CSS
0 vote220 views1 answer
Css body overflow hidden sidebar scrollbar
CSS
0 vote194 views1 answer
Html.css.js
CSS
0 vote219 views1 answer
Css youtube video get rid of black border
CSS
0 vote234 views1 answer
After certain width how make ontent center and add margin auto both side
CSS