Question

这是我的代码：

<P>
<div><img style="border: 0pt none; float: left; padding-right: 10px; padding-bottom: 10px;" src="Image.jpeg" alt="Image" width="150" height="150" />This is text wrapped around Image</div>
</P>
<P>
<div>
<h2 align="left">This text should left align</h2>
</div>
</P>

我想在新行

中显示“此文本应保持对齐”左对齐

我使用了 Div 和 P 标签，如果还有别的话。

Answer 1

您的HTML需要一些工作 - 您在h2内无法p。但是，如果我理解正确，你需要这样的东西：

<div>
    <img style="float:left;padding-right:10px;padding-bottom:10px;" 
         src="Image.jpeg" alt="Image" width="150" height="150" />
    This is text wrapped around Image
</div>

<h2 style="clear:left;">This text should left align</h2>

https://jsfiddle.net/g08hycaf/

Answer 2

明确：两者都应该完成这项工作

<div>
<div><img style="border: 0pt none; float: left; padding-right: 10px; padding-bottom: 10px;" src="Image.jpeg" alt="Image" width="150" height="150" />This is text wrapped around Image</div>
</div>
<div style="clear: both">
<h2 align="left">This text should left align</h2>
</div>

如何在新行上的图像左对齐后显示文本，而不是环绕图像？

2 个答案: