[PR] 容量300MB、月額125円、高性能なサーバが日本最大級のバックボーンに直結。さくらのレンタルサーバ。
ＨＴＭＬタグからスタイルシートに乗り換えるには ～画像編～
画像の横にテキストを回りこませるデザインは、ＨＴＭＬタグでもスタイルシートでも実現させることができますが、HTML4.0/4.01では、HTMLタグで画像の横にテキストを回りこませることを推奨していません(deprecated）ので、今後は極力スタイルシートで設定するのがよいでしょう。
完成サンプル
空（そら）とは、地上から見上げたときに頭上にひろがる空間のこと。天。 空の正確な定義は難しく、惑星の大気の濃密な部分（地球なら対流圏）と定義される場合もある。空と、対岸の見えない海や湖との境を水平線、空と広い大地との境を地平線という。又、上の空と呼ばれる精神状態がある。＜出典：Wikipedia＞
ＨＴＭＬタグの場合
HTMLタグのALIGN属性、VSPACE属性、及びHSPACE属性は非推奨属性に指定されていますので、今後はスタイルシートでの書き換えが望まれます。
<p><img hspace="12" vspace="4" align="right" border="0" /> サンプル・・・サンプル</p>
＜注＞SRC, ALT, WIDTH, HEIGHTは割愛。
スタイルシートの場合
スタイルシートでは、フロートプロパティとマージンプロパティを使って従来と同じ見栄えを実現することができます。
img {
float:right;
margin:4px 12px;
border:0;
}
