HTMLのレイアウトにはfloatやclearを駆使したり、苦労してきました。 が、flexboxという便利なものがあることを知り、よく使いそうなところをざっくりメモしておきます。 2段組とかが簡単にできます。 ちなみにinstagramのwebページがflexboxを使ってます。 参考:各ブラウザの対応状況 基本 こんなHTMLを用意します。 <div class="container"> <div class="item">1つめ</div> <div class="item">2つめ<br>2つめ2行目</div> <div class="item">3つめ</div> </div>