ホームページの製作を始めました。画像の横に文字が書けません。ｏｋｗａｖ

ホームページの製作を始めました。画像の横に文字が書けません。ｏｋｗａｖｅで類似した質問を見つけて
<img src="画像ファイル名" align="top">文章
でやってみましたが、最初の一行だけ画像の横に書けましたが、次の行は画像の下に表示されてしまいます。
画像の横に説明文を何行か書きたいのですが、どうすればよいでしょうか。
どなたか、教えていただけますか？

No.3 ベストアンサー 回答者： torayoshi 回答日時： 2010/10/26 21:33

レイアウトのためにテーブルを使うのは感心しません。

見栄えに関してはスタイルシートを使うべきです。
（私は以前も同じ質問で「スタイルシート使うべき」と回答しましたが、
その時の質問者さんはテーブルレイアウトの回答の方を選択したという苦い経験があります ^^;）

画像の右側にテキストを回り込ませるには「float:left;」
<img src="画像ファイル名" align="top" style="float:left;">
文章<br>
文章<br>
文章<br>
文章<br>
・・・・
<p style="clear:left;"></p>

※画像の高さを超えるとテキストは画像の下にきます。
　「clear:left;」は回り込み解除プロパティ。

この回答へのお礼

ありがとうございます。こんなに早く解決するとは感激です。
おかげで助かりました。

お礼日時：2010/10/26 21:45

No.2 回答者： lipari 回答日時： 2010/10/26 21:19

tableタグを使ってみるのはどうでしょう。

あとは枠線を見えなくしてしまえばいいと思います。

No.1 回答者： violettamacbook 回答日時： 2010/10/26 21:10

ホームページ作成で検索すれば解決しますよ。