井戸八コレクション

□ blog便利帳 □

画像のまわりに文章を回りこませる方法

画像の周りに文章を回りこませることができる。


word図形 画像を左に寄せて文章をその右に回り込ませた例です。
さらに画像の右と下に12px、10pxの余白をいれて、画像と文章の間に余白を取るようにしています。




この段落は回り込みを解除した後のものです。






以下はソースコードです。ただし、赤字部分は画像データ、青の部分は回り込み部分と
解除の部分になります。
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー


画像の周りに文章を回りこませることができる。

< p>
< a href="http://blog-imgs-27.fc2.com/i/d/o/idonin/20090309110649.jpg" target="_blank">< img src="http://blog-imgs-27.fc2.com/i/d/o/idonin/20090309110649.jpg" alt="word図形"border="0" style="float:left;padding-right:12px;padding-bottom:10px;/>< br style="clear:both;"/></a> 画像を左に寄せて文章をその右に回り込ませた例です。
さらに画像の右と下に12px、10pxの余白をいれて、画像と文章の間に余白を取るようにしています。
< br style="clear:both;"/>
< /p>
< p>
この段落は回り込みを解除した後のものです。
</p>



Top▲


* 「blog便利帳」目次へ戻る
*    *    *

Information

Date:2009/03/13
Trackback:5
Comment:0

Comment

コメントの投稿








 ブログ管理者以外には秘密にする

Trackback

* クロムハーツ ネックレス

ために| おかげあなたに感謝 他のすべて 優れた ポスト 。 どこ他月 誰のことを得るの種類 情報な完璧で手段?プレゼンテーション| {私がしました私が持っている次| }その後の週、と私はね に | などの探索のために見て 情報 。
2013/10/24 【クロムハーツ ネックレス

* SCcGcHod

【井戸八コレクション】 画像のまわりに文章を回りこませる方法
2013/10/24 【SCcGcHod

* クロムハーツ ネックレス

私はない 実現です実際方法{あなたがしている|あなたは今ではない|しない|もはや} 本当に はるか きちんと - {スキ|感謝|待遇|あなたはかもしれないより優先|今かもしれない|今} 。 あなたがしている 非常にインテリジェントな。 あなたが認識 したがって かなり この私の部分のために作られた私問題 、 私の見解で {信じる| からは想像それ|を考える非常に多くの|数多くの|多くの...
2013/10/31 【クロムハーツ ネックレス

* ニューバランス

かあなたが持っているいずれかを? 親切 ましょう私知る |私はでし ためにそのように購読。ありがとうございます。
2013/11/11 【ニューバランス

* シャネル 財布 2013 新作 公式

こんにちはそこに、 私が発見した自分サイト 経由 |ながらと同時にGoogleのさえも 匹敵 {トピック| 似を探して問題|件名} 、あなたのウェブ アップ来て、それは見える | いいのようにように見えます。 私が持っているブックマークそれ私のGoogleのブックマークインチ
2013/11/19 【シャネル 財布 2013 新作 公式

まとめ
+