如果图片与侧面对齐，则将文本移动到图片下方

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