画像にテキストを回り込ませる

<img src="画像URL" align="left又はright" />

align属性にleft、またはrightを指定すると画像が指定した方向に表示され、逆側にテキストが回りこみます。

  • align=
  • left    画像を左に、テキストを右に
  • right   画像を右に、テキストを左に

回り込みの解除には<br clear="left、right、allいずれか">を記述します。

  • br clear=
  • left    右のテキストの回り込みを解除
  • right   左のテキストの回り込みを解除
  • all     どちらの場合でも有効

align="left"

ひよこ ひよこの画像。これはFC2のシンボルマークです。これに惹かれてFC2に登録した方もいるのでは。実は私がそうだったり。でも今は、ひよこにつられてFC2を選んで良かったと思っています。

  1. HTMLソース
  2. <p><img src="http://blog13.fc2.com/f/fc2blogshop/file/fc2.gif" width="150" height="150" alt="ひよこ" align="left" />
  3. ひよこの画像。これはFC2のシンボルマークです。これに惹かれてFC2に登録した方もいるのでは。実は私がそうだったり。でも今は、ひよこにつられてFC2を選んで良かったと思っています。
  4. <br clear="left" />
  5. </p>

align="right"

ひよこ ひよこの画像。これはFC2のシンボルマークです。これに惹かれてFC2に登録した方もいるのでは。実は私がそうだったり。でも今は、ひよこにつられてFC2を選んで良かったと思っています。

  1. HTMLソース
  2. <p><img src="http://blog13.fc2.com/f/fc2blogshop/file/fc2.gif" width="150" height="150" alt="ひよこ" align="right" />
  3. ひよこの画像。これはFC2のシンボルマークです。これに惹かれてFC2に登録した方もいるのでは。実は私がそうだったり。でも今は、ひよこにつられてFC2を選んで良かったと思っています。
  4. <br clear="right" />
  5. </p>

前後の記事

最近の記事