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

7 votes215 views1 answer
Css remove blue outline button
CSS
4 votes222 views2 answers
Css zebra
CSS
0 vote204 views1 answer
Date icon color change
CSS
0 vote173 views1 answer
Css animated cross mark
CSS
1 vote183 views1 answer
Timesheet template html css
CSS
11 votes215 views6 answers
Transition css
CSS
0 vote174 views1 answer
Line circle in css
CSS
0 vote164 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote219 views1 answer
Html how to ensure that the header always on top
CSS
4 votes187 views2 answers
Css selected color
CSS