見てみると、確かに縦方向(交差軸方向)に中央寄せになりましたが、横方向(主軸方向)が左寄せになってしまいました。これはdisplay:flex;を使ったことが原因で、これを使うと子要素が1つの要素のような認識をされてしまうからです。text-align:center;はテキストに対して有効なので要素そのもの...