【html】フロート解除のコツ(文字の回り込みなど回避する時) | さけブロ。♡主にディズニー、htmlやcssなどのメモも♡

さけブロ。♡主にディズニー、htmlやcssなどのメモも♡

自分用htmlやcssなどメモ&身内向け料理日記&ただのディズニーマニア。海外ディズニーが最近好きすぎてヤバイ。WDW、DLR、HKDL、DLP、アウラニ、SHDL訪問済。クルーズも参加済。

<img src="img/house1.jpg" alt="nico" style="float:left;">

<img src="img/nico.jpg" alt="nico" style="float:right;">

「float:left」「float:right」

と指定されたイメージなどのブロックは左右に表示され、続くテキストは、イメージの中央へ回り込んで表示されます。
<div style="clear:both;">テキストに続く「clear:both」が指定されたブロック要素は、回り込みが解除されイメージなどのブロックの下にテキストが表示されます。</div>


clear: both;をつけるタグはpなど何でも良い。