前のページでは同じ行の中に文字列と画像が含まれている場合の位置関係を指定しました。この時、あくまで画像と文字列は同じ行の中にありますので、非常に大きい画像が行の中に含まれていた場合でも画像と同じ行には1行分の文字列しか表示されません。 次の例を見てください。 <p> <img src="img/lion.png" alt="ライオン" /> 今日は雌ライオンが一匹外に出ていて、ちょうどガラスの目の 前でウトウトしています。おかげで顔の形などはっきりと見る ことができました。 </p> このような記述があるHTML文書をブラウザで表示すると次のように表示されます。 画像と文字列は同じ行に含まれていますので、画像がどれだけ大きくても画像と同じ行には文字列は1行しか表示されません。 align属性による回りこみ このような時に画像の右または左に、画像の高さの分だけ文字列の行を表示する方法を確認し