画像と文字の左右間隔を指定する
画像の余白に文字を回り込ませる際に、画像と文字の左右間隔を指定することができます。
<img src="画像URL" align="画像表示位置" hspace="画像と文字の左右間隔">
- 画像表示位置：『left』（文章を右に回り込ませる）または『right』（文章を右に回り込ませる）から指定できます。
- 画像と文字の左右間隔：数値で指定します。値はピクセルになります。
<img src="./sample/millenario.jpg" width="160" height="120" align="left" hspace="20" alt="東京ミレナリオ2006">
■2006年1月1日■<br>
東京ミレナリオ2005-2006を見てきました。来年から東京駅の工事に伴い休止となってしまい、再開の目処はたっていないとのことだったので、今回見ることができてよかったです。<br>
12月31日の21:00にいったん消灯し、1月1日の0:00～3:00まで再点灯するのですが、ミレナリオでのカウントダウンにたくさんの人が集まり、たいへんにぎやかな雰囲気でした。
■2006年1月1日■<br>
東京ミレナリオ2005-2006を見てきました。来年から東京駅の工事に伴い休止となってしまい、再開の目処はたっていないとのことだったので、今回見ることができてよかったです。<br>
12月31日の21:00にいったん消灯し、1月1日の0:00～3:00まで再点灯するのですが、ミレナリオでのカウントダウンにたくさんの人が集まり、たいへんにぎやかな雰囲気でした。
このソースを表示させると、次のようになります。わかりやすいように少し大げさ( 20 ピクセル)に間隔を指定してみました。
■2006年1月1日■東京ミレナリオ2005-2006を見てきました。来年から東京駅の工事に伴い休止となってしまい、再開の目処はたっていないとのことだったので、今回見ることができてよかったです。
12月31日の21:00にいったん消灯し、1月1日の0:00～3:00まで再点灯するのですが、ミレナリオでのカウントダウンにたくさんの人が集まり、たいへんにぎやかな雰囲気でした。
ただし この指定は、画像の左右に余白を設けるものなので、ご覧のとおり画像右側に文字を回り込ませた場合でも左側にも20ピクセルの余白が生まれます。