画像の回り込み

画像の脇にテキストを書きたいのに、そのままでは画像の横には文章は一行しか表示されません。
　↓↓↓

画像の横に文章を書きたい。何もしなければこんな風に1行しかテキストは表示されない。きれいに横に表示したい時はどうればいいの？

<img src="★★.gif">テキスト

ここではalign属性を使って簡単に作成するやり方です。（できればCSSで作成することを推奨します。）
画像アドレスの後に align="left"　で左回り込み　 align="right"　で右回り込みのテキストが書けます。

ホームページを作っています。なんとか画像を取り込む事ができました。画像の横に左回り込み、右回り込みの文章を書いてみたいんです。

<img src="★★.gif" align="left">テキスト

画像の上下左右に余白を入れると、とても見やすくなります。
hspace="xx" 画像の左右余白　 vspace="xx"　画像の上下余白

ホームページを作っています。なんとか画像を取り込む事ができました。画像の横に左回り込み、右回り込みの文章を書いてみたいんです。こんな風に画像の縦と横に余白を作ることもできます。

<img src="★★.gif" hspace="20" vspace="10" align="left">テキスト

画像の右回り込み

ホームページを作っています。なんとか画像を取り込む事ができました。画像の横に左回り込み、右回り込みの文章を書いてみたいんです。

<img src="★★.gif" align="right">テキスト

画像の上下左右に余白を入れると、とても見やすくなります。
hspace="xx" 画像の左右余白　 vspace="xx"　画像の上下余白

<img src="★★.gif" hspace="20" vspace="10" align="right">テキスト

画像の回り込みの解除

<br clear="all">を使って回り込みの解除ができます。

ホームページを作っています。 <br clear="all">
画像の横に左回り込み、右回り込みの文章を書いてみたいんです。

<img src="★★.gif" align="left">テキスト<br clear="all">テキスト

●当サイトのソースは、IE6.0＋のみ動作確認をしております。それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。

★skip ページtop

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