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 vote388 views1 answer
Css regions
CSS
22 votes383 views5 answers
Grid center
CSS
4 votes442 views2 answers
Composer switch to version 1
CSS
3 votes381 views4 answers
Keep aspect ratio of image css
CSS
0 vote375 views1 answer
How to make a flex container full page
CSS
0 vote366 views1 answer
Bootstrap-scss github
CSS
10 votes371 views1 answer
Rotate image css mdn
CSS
0 vote342 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
42 votes374 views4 answers
Css center div in page
CSS
22 votes367 views5 answers
Css grid center
CSS