css flexbox vertical center css tricks code example

Example 1: 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;
}

Example 2: display flex vertical align center css

justify-content: center; /* Horizontal */