レイアウトに便利なdisplay:flex

floatとよく比較されるdisplay:flex
レイアウトする際に非常に便利です。
横並びにしたい親要素にdisplay:flexを指定します。
flex: autoと併せてよく使用されますが、指定した要素の幅を親要素に合わせて延び縮みさせることが可能です。