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

23 votes298 views6 answers
Css circle
CSS
3 votes329 views2 answers
How to align form buttons right
CSS
56 votes307 views2 answers
Responsive css code for all screen size
CSS
0 vote301 views1 answer
How to give opacity to background only
CSS
2 votes307 views1 answer
Slide up and down animation css
CSS
0 vote299 views1 answer
Css grid first child
CSS
4 votes290 views3 answers
Soft box shadow css
CSS
-1 vote377 views2 answers
Insert image by css
CSS
6 votes321 views2 answers
How to add scss to a react app
CSS
0 vote296 views1 answer
Css chess pieces
CSS