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

39 votes242 views6 answers
Css first child
CSS
4 votes192 views2 answers
Stop text from wrapping
CSS
1 vote203 views2 answers
Styles only for IE
CSS
0 vote190 views1 answer
Html don't select text
CSS
0 vote218 views1 answer
Fill and no repeat background image css
CSS
25 votes197 views5 answers
Image blur css
CSS
0 vote216 views1 answer
Css check if class as color white
CSS
0 vote274 views1 answer
How to view only downloading speed in du meter
CSS
4 votes199 views3 answers
Zoom in and out iconhtml css
CSS
1 vote185 views1 answer
Html details summary marker remove
CSS