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

0 vote232 views1 answer
French bakery northgate
CSS
2 votes249 views1 answer
Css rounded corners at top only
CSS
1 vote222 views1 answer
@extend must be used with a %placeholder
CSS
126 votes227 views5 answers
React Bootstrap css import
CSS
-1 vote202 views1 answer
Html flex direction
CSS
1 vote249 views4 answers
Css before
CSS
3 votes231 views3 answers
Can you control another div on hover css
CSS
0 vote235 views1 answer
Scss flex
CSS
0 vote228 views1 answer
How to loop a javascript array
CSS
0 vote244 views1 answer
Maximum length for input box
CSS