＜head＞
＜style type="text/css"＞
＜!--

.ph {
	float:right;
    }
--＞
＜/head＞

＜body＞
　　　　
　
＜div align="left"＞
＜img class="ph" src="image/art_egg.gif"＞

＜img class="ph "src="image/p1010001.jpg" width="80"＞

＜p class="p1"＞ドイツの携帯電話会社であるドイツテレコムのウェブサイトはパステルカラーに近いピンクをメインカラーとしている。
食品などには使えない色だがパステルカラーは多くの地域において交換がもたれている色・・・・＜/p＞
＜/div＞


＜/body＞

画像などの表示位置を下記のいずれかで指定する。
left（左端）
right（右端）
none（既定値：指定しない）
inherit（継承）

right または left を指定すると、テキストがその周りを回り込むように表示されるようなる。
回り込みを解除するには clear: を用いる。

例１　＜img src="abc.gif" width=100 height=100 alt="TOKYO" style="float:right;"＞