[ flex-boxを使用して要素を並べる ]

floatを使うより簡単 ボックス要素を横並びにしたい場合floatを使用してレイアウトすることが多々あると思いますが、flex-boxを使用することでボックス要素を横並び、要素の並び替え、高さの違う要素を上下中央に揃える等少量のcssで簡潔にレイアウトすることができます。 使い続きはこちらから