画像が横に整列されている場合、画像の下にテキストを移動します。

Question

画像とテキストがあります。画像の横にテキストが必要なので、画像は左に揃えられます。画像とテキストの両方は<p></p>です。

今すぐ。以前のテキストと写真の下に表示される追加のテキストを挿入したいと思います。

これを行う方法？

いくつかのコード：

<p><img src="image.gif" align="left" width="300" height="200"> Good paragraph of text</p> 
<p>Text that I want to appear below the text and the image above</p> 

Answer 1

最も簡単な解決策は以下のように二pにCSSスタイル属性を追加することです：

<p style="clear: both;"> 

• DEMO
• CSS clear^MDN