Flexible box の縦方向中央揃えは、「vertical-align: middle;」ではなく「align-items: center;」

▼CSS

.flexdiv{

  display:flex;

  align-items: center; /* 縦方向中央揃え */

  justify-content: center; /* 横方向中央揃え */

}

▼HTML

<div class="flexdiv">

  <任意のタグ1>

  <任意のタグ2>

  <任意のタグ3>

  <任意のタグ4>

  <任意のタグ5>

</div>