Как отображать текст после изображения в новой строке, выровненной слева, вместо обертки вокруг изображения?

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

Clear: оба должны сделать работу

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