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

2 votes231 views2 answers
Bootstrap icons in angular
CSS
-1 vote267 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
1 vote229 views2 answers
Border for text in html
CSS
7 votes211 views6 answers
Tailwind css cdn
CSS
-1 vote223 views1 answer
Css border image property
CSS
0 vote232 views1 answer
Css centrar imagen
CSS
0 vote232 views1 answer
Center elemnts css
CSS
-1 vote226 views1 answer
Flex wrap tailwind
CSS
5 votes245 views2 answers
Onclick reload an iframe
CSS
0 vote256 views1 answer
Alternate css animation
CSS