HTMLの画像と文章の自動的に行われる配置について

HTMLコードで↓のように画像を左側にして、その右側に画像を囲うようにして文章を表示させたいです。画像よりも下になったら自動的に文章が左詰めになるようにしたいです。

■■■■■ ～～～文章～～～
■■■■■ ～～～文章～～～
■■■■■ ～～～文章～～～
～～～～～～～文章～～～～～


そして自分が作ったHTMLコードは、

<IMG SRC="a.jpg" WIDTH=580 HEIGHT=470 align="middle""left" hspace="20" vspace="20" >
～～～文章～～～<br>
～～～文章～～～<br>
～～～文章～～～<br>
<BR CLEAR=all>

です。
これだと↓1行ぐらい画像の右隣に少し出て、残りは下側に表示されてしまいます。


■■■■■
■■■■■ ～～～文章～～～
■■■■■
～～～文章～～～
～～～文章～～～
～～～文章～～～
～～～文章～～～

何が原因でしょうか。

No.1 ベストアンサー 回答者： SoleilBeat 回答日時： 2010/04/06 16:34

<IMG>タグの

align="middle""left"
を
align="left"
にしてみてください。

この回答へのお礼

できました。ありがとうございます。

お礼日時：2010/04/06 16:52

No.2 回答者： DIooggooID 回答日時： 2010/04/06 16:38

こちらを、ご一読なさってみてください。

http://www.asahi-net.or.jp/~ax2s-kmtn/ref/html/h …

この回答へのお礼

有難うございます。
参考にさせて頂きます。

お礼日時：2010/12/31 01:16