要素にfloat:leftを指定しているため、この要素は左に浮動します。
要素にfloat:rightを指定しているため、この要素は右に浮動します。
要素にclear:bothを指定して、回り込みを解除しているので、この要素は回り込みません。
<div style="float:left; width:40%; background-color:#e0f1f6; color:#96b5d8; padding:10px;">
要素にfloat:leftを指定しているため、この要素は左に浮動します。
</div>
<div style="float:right; width:40%; background-color:#a6c6e8; color:#fff; padding:10px;">
要素にfloat:rightを指定しているため、この要素は右に浮動します。
</div>
<div style="clear:both; background-color:#fbf1b5; color:#96b5d8; padding:10px;">
要素にclear:bothを指定して、回り込みを解除しているので、この要素は回り込みません。
</div>