1 margin: 0 auto; 2 text-align: center; 3 justify-content: center; 4 align-items: center; （参考記事） ブログのページを作っていて、左にイメージ画像、右に本文、の一覧を作りたかったのですが content { display: flex; flex-direcion: column; justify-content: center; } 何度やっても効かない。。。 で、調べてみると justify-content=横の並びalign-items=縦の並びではないんですね。 なんと驚きでした。正しくは、 justify-content=主軸align-items=主軸と交差する方向 ということだそう。。。 なので、ここでflex-directionをcolumnにしているので主軸は縦方向になっているようでした。 content { display: flex; flex-direcion: column; align-items: center; }