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

4 votes208 views1 answer
Css add dots if text too long
CSS
18 votes154 views6 answers
Install bootstrap angular 9
CSS Bootstrap
47 votes105 views6 answers
Css set text color
CSS
0 vote95 views1 answer
Rotate keyframe animation
CSS
11 votes100 views3 answers
Css poppins font
CSS
0 vote108 views1 answer
Ul list style type image
CSS
0 vote162 views1 answer
Css interne
CSS
3 votes107 views2 answers
How center content in css by using flex
CSS
6 votes110 views2 answers
Selecting last child css
CSS
0 vote100 views1 answer
How to make text in div elements not crumple up when the div element gets smaller
CSS