ほうほう、こんなのもあるのか！と思ったら、
もうfloatってのは使われていない。との事。
古いサイトを見直してたから当たり前なんだけど
でも、ＷＥＢの世界では
古いサイトだからじゃなくて、
当たり前にこんな事がおこってるのかと…
そう考えるとＷＥＢデザインの世界は
まだまだ目の前の仕事に追われることが多いんだな～
昨日のデザインが古臭い！なんていわれることはないし。
って事で
floatよりも簡潔なコードで、ボックスの豊富なレイアウトが可能な「Flexboxフレックスボックス」
・flex-start → 始端揃え（左揃え、初期値）
・center → 中央揃え
・flex-end → 終端揃え（右揃え）
・space-between → 均等配置（両端ボックスは始端と終端）
・space-around → 均等配置（両端ボックスは始端、終端からボックス間隔の半分の距離）
・stretch → 親要素と同じ高さに伸びる（初期値）
・flex-start → 始端揃え（上揃え）
・center → 中央揃え
・flex-end → 終端揃え（下揃え）