
Yoshiko先生
HTMLのsection 内に入っている画像周りこみを制御するcss18回目となります。画像と文章のまわりこみ「float」に関しての説明動画です。

はてな女史
フロートはがどうにもうまくできません。すごく壊れたりするし・・・わからないところが多いです。

Yoshiko先生
ですよねーfloat は、浮く・・・という意味も持っているので、width や height などしっかりと幅・高さがないとうまくバランスをとって横並びになってくれません。また下の要素で解除しないとデザインが崩れる原因にもなります。float は壊れやすいので、最近ではdisplay : flex も出てきていますので合わせて学習してみてください。
folatで画像が左、文章が右の周りこみ
.l_float { float: left; margin-right: 1em; }
folatで画像が右、文章が左の周りこみ
.r_float { float: right; margin-left: 1em; }