Css vertical align with flexbox

<div class="align-vertically">
  I am vertically centered!
</div>


/*Css  */

.align-vertically {
  background: #13b5ea;
  color: #fff;
  display: flex;
  align-items: center;
  height: 200px;
}

Source: stackoverflow.com

Similar codes

12 votes106 views3 answers
Css change color
CSS
4 votes110 views2 answers
Gap between two flex items
CSS
0 vote128 views1 answer
Hoow to open a css class in css
CSS
0 vote306 views1 answer
Center absolute suedo element
CSS
65 votes121 views4 answers
Install requirements.txt in pip command
CSS
0 vote120 views1 answer
Stop padding from changing div size
CSS
0 vote113 views1 answer
Twig data uri
CSS
0 vote137 views1 answer
Why does my min and max-wodth only stay on min-width html css
CSS
120 votes109 views6 answers
Font-weight css
CSS
67 votes115 views6 answers
How to center a div in css
CSS