こんにちは、WEBマーケティング部の杉尾です。 今回は、前回までの要素の横並びに引き続き、『Flexbox(フレキシブルボックスレイアウト)で要素を横並びにする方法』を紹介します。 floatでの横並びはコチラ ⇒【CSS】floatとclearfixで要素を横並びにする方法を紹介します(前半はfloatの説明) 『display: inline-block;』での横並びはコチラ ⇒【CSS】display:inline-block;で要素を横並びにする方法(前半はHTML5におけるボックスの話) 『display:table-cell;』での横並びはコチラ ⇒【CSS】display:table-cell;で要素を横並びにする方法 Flexboxって何? 俗に言うFlexboxとは、フレキシブルボックスレイアウトモジュール(Flexible Box Layout Module)のことです
![【CSS】Flexbox(フレキシブルボックスレイアウト)で要素を横並びにする方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/f476c8a328064c038aedf32175d814a02647de5a/height=288;version=1;width=512/http%3A%2F%2Fscene-live.com%2Fpicture_upload%2F201504%2Fimages%2F20150420223057.png)