如果图片与侧面对齐,请在图片下方移动文字

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

最简单的解决方案是将CSS样式属性添加到第二个,p如:

<p style="clear: both;">

• DEMO
• CSS清除^MDN