Flexを使用した間隔（マージン）をとった横並びレイアウトの指定方法まとめ【CSS初心者向け】｜WEB TIPS～ホームページ制作の覚え書き

最近ではボックスの横並びレイアウトは、Flexを使用するのが一般的になってきています。 いまさらな感じもする今回のタイトルですが、コピペで簡単に使える良いサンプルソースって意外に見つかりません。CSS初心者の方が勉強しながらやってみても、カラム落ちが起きてみたり思わぬデザイン崩れに見舞われる事も多いかと思います。特にアイテム数が可変で、いくつになるかわからないケースなどは、なかなか難しいものです。 そこで今回は、CSS初心者の方でもコピペで使えるように、Flexを使用した間隔（マージン）をとった一般的な横並びレイアウトの指定方法を書いてみたいと思います。 Flexを使用したレイアウトの書き方は、コーディングを生業としている人たちの間でも、結構やり方が様々だったりします。 この記事の内容は、背景色があったりして緻密なレイアウトを求められた上に、「マージンは絶対に20px！」とかピクセル指定さ