スポンサーサイト

一定期間更新がないため広告を表示しています

div要素を回り込ませる

縦100×横600のdiv要素を回り込ませたい。
ようは、縦長広告を本文中に出すが、その周りを文章が回りこむ感じ。

イメージとしては、□=本文、■=広告等として、
□□□□□■■
□□□□□■■
□□□□□■■
□□□□□■■
□□□□□□□
□□□□□□□

ということ。

広告要素が始めに来る書き方なら、

<div style="width:100%">
<div style="width: 100px; height;40px;background: #006600;float: right;">
この部分が回りこみ
</div>
この部分は本文。この部分は本文。この部分は本文。
この部分は本文。この部分は本文。この部分は本文。
この部分は本文。この部分は本文。この部分は本文。
この部分は本文。この部分は本文。この部分は本文。
この部分は本文。この部分は本文。この部分は本文。
この部分は本文。この部分は本文。この部分は本文。
この部分は本文。この部分は本文。この部分は本文。
この部分は本文。この部分は本文。この部分は本文。
</div>


とすればいいんだが、本文の方を先に持ってくるにはどうすればいいのか…。

スポンサーサイト

コメント
トラックバック
この記事のトラックバックURL