HTMLでの画像と文字の表記についての質問です。

質問

画像の右側に文字を表示したいのですが、
----------------
<img src="images/abc.jpg" width="400" border="2">
１行以上の文字列・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・<br>
----------------
上記のようにすると２行目以降の文字列は写真の下に表示されます。
かと言って、 align="left"を追記すると、文字列は写真の右上端から表示されてしまいます。

画面の右側の下部に複数行の文字列を表示する方法はありますか?

回答No.2

asadome

画像の右側に、下寄せで文章を表示したいということですよね。

tableを使ってみてはどうでしょうか。で、文章の部分の縦配置をbottomに設定してみては？

<table>
　<tr>
　　<td><img src="images/abc.jpg" width="400" border="2"></td><td style="vertical-align:bottom;">１行以上の文字列～<br></td>
　</tr>
</table>

これでいけるかと思いますがどうでしょう。

お礼

asadomeさん、回答ありがとうございます。
せっかくですが、
凄く複雑になってしまうので、<table>は使いたくなかったのです。
参考にさせていただきます。

回答No.1

noname#100277

画像を左側、文字列を画像の右側に表示させて、尚且つ複数行を表示する場合は以下で・・・

<img src="images/abc.jpg" width="400" border="2" align="left">文字列<br>文字列<br>文字列<br>文字列・・・<br clear="left">

※この属性は、HTML4.01では非推奨とされていますのでCSSにて代替するのが望ましいでしょう。

画像にfloat: left;を文字列にclear: left;で適応。

補足

aidesさん、回答ありがとうございました。

"<img src="images/abc.jpg" width="400" border="2" align="left">文字列<br>文字列<br>文字列<br>文字列・・・<br clear="left">
"では、
align="left"を使用していますので、画像の右上から文字が表示されてしまいますが、私の何かの間違いなのでしょうか?画像の右上を空けたいのですが。

"画像にfloat: left;を文字列にclear: left;で適応。"
が、意味不明です。「" border="2" align="left">文字列<br>文字」と紹介してありますので!!