新しい行のイメージをイメージの周りをラップする代わりに左揃えにした後にテキストを表示する方法は？

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> 

は、私が「このテキストは左揃え必要があります」と表示したい整列左側として、新しい行に

私は、このために本部とPタグを使用他に何かがあるなら。

Answer 1

あなたのHTMLには何らかの作業が必要です。は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>