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

3 votes213 views2 answers
Image with background color css
CSS
0 vote237 views1 answer
Flex basis
CSS
-6 votes322 views7 answers
Css flex
CSS
0 vote236 views1 answer
Text in circle css
CSS
3 votes207 views2 answers
Css overflow y 3 dots
CSS
0 vote218 views1 answer
Css youtube video get rid of black border
CSS
0 vote215 views1 answer
Ie11 image stretching
CSS
6 votes214 views1 answer
Flex change order
CSS
0 vote221 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
1 vote208 views2 answers
Css input border radius focus
CSS