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

8 votes260 views2 answers
Css change image width
CSS
61 votes267 views3 answers
Css radius background color
CSS
0 vote252 views2 answers
Bootstrap 5 container
CSS
0 vote238 views2 answers
Css not clickable
CSS
1 vote234 views1 answer
Javascript read me text
CSS
7 votes261 views2 answers
Css id selector
CSS
0 vote250 views1 answer
How to link to class in CSS
CSS
3 votes265 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
32 votes232 views6 answers
Animations css
CSS
1 vote262 views1 answer
Css button:focus border-radius square
CSS