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

-1 vote180 views2 answers
How to put different p elements next to each
CSS
0 vote181 views1 answer
Tailwind css image grid
CSS
2 votes179 views2 answers
Css all children of type
CSS
0 vote219 views1 answer
Css feather border
CSS
0 vote193 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
13 votes242 views1 answer
Remove style from link
CSS
175 votes262 views6 answers
Background css image
CSS
1 vote246 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
49 votes274 views5 answers
How to remove bullets from ul
CSS
0 vote198 views1 answer
Move element on new line css
CSS