《CSS》「flex」について（真ん中篇）

こんにちは、「なゆた」です！
今回は、「CSS」の「flex」を通して、項目を一気に真ん中に寄せる方法をお教えします！

①まずはHTMLファイル。divタグでクラスを付けます。そしてその中に文字でも画像でも何でも良いので入れて、締めます。これを何回も繰り返します。（※クラス名は何でも良いです。）

②次にCSSファイルと連携・移動したら、divタグのクラスに手を出します。displayを「flex」とし、justify-contentを「center」とします。justify-contentとは、flexをどのように配置するかのためにあって、他にも等間隔に配置する「space-between」などがあります。

③すると、行揃えと位置がどちらも真ん中に寄せられました！これが、項目を一気に真ん中に寄せる方法なんです！

いかがでしたか？これは、Webサイトのコーディングでも非常に役立つので、ぜひ覚えておいて下さいね！
以上です、ありがとうございました！

（※アイキャッチ画像は、３段重ねのアイスクリームのごとく、真ん中に均等に項目を重ねていることを表しています。）