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 vote367 views1 answer
Tsx css
CSS
3 votes318 views4 answers
Remove outline on button click
CSS
5 votes325 views1 answer
How to center with translate
CSS
2 votes355 views2 answers
Display none transition
CSS
1 vote321 views1 answer
Multiple values in @media
CSS
0 vote332 views1 answer
Split group of flex item
CSS
13 votes327 views3 answers
Rotate image html
CSS
0 vote343 views1 answer
Tailwind css react craco
CSS
0 vote303 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
0 vote419 views1 answer
Easyui datagrid header font size
CSS