CSSのalign-itemsプロパティのcenter値

center値は、交差軸に沿って要素を中央揃えにすることができます:

css.parent {
  display: flex;
  flex-direction: row;
  align-items: center; /* 交差軸で中央揃え */
}

コードの実行結果: