Wie wird Text nach einem Bild auf einer neuen Linie linksbündig angezeigt, anstatt um das Bild zu wickeln?

Question

Dies ist mein Code: anzuzeigen "Dieser Text sollte links ausrichten", wie er ausgerichtet linke Seite in einer neuen Zeile

<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> 

Ich möchte

I verwendet Div und P Tags für diese, Wenn da noch etwas ist.

Answer 1

Ihr HTML benötigt etwas Arbeit - Sie können keine h2 innerhalb einer p haben. Allerdings, wenn ich Sie richtig verstehe, wollen Sie etwas wie folgt aus:

<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

Clear: beide sollten den Job

<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>