floatさせた画像の横のテキストが回り込まないようにする

harada 664views 更新:2014年4月11日

テキストをfloatさせた画像の横に並べた際に、テキストを画像の下に回りこませたくない場合、設定しておくと便利な一行です。
表示サンプル

CSS

.textBox {
overflow:hidden;
}

HTML

<div>
<img src="" alt="" style="float:left;" />
<div class="textBox">  
<p>overflow:hidden;を指定してテキストが画像の下に回り込まないようにしています。</p>
<p>あいうえおかきくけこさしすせそたちつてとなにぬねのあいうえおかきくけこさしすせそたちつてとなにぬねの。</p>
</div>  
</div>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません