Move the text below the image if the image is aligned to the side.

Question

I have an image and text. The image is aligned to the left because I want the text to be next to the image. Both images and text are located in <p></p> .

Now. I want to add additional text that will be displayed in the previous text and image.

How to do it?

Some codes:

 <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

The simplest solution is to add a CSS style attribute to the second p , for example:

 <p style="clear: both;"> 

• Demo
• CSS clear ^MDN