CSS Float and proceeding elements

[Sin_Chase]

I am floating an image right inside a content container so that the <p>s wrap around it.

The content page is broken down into

<h2>
<img>
<p>
<p>
<p>

This works, however if the paragraphs content is not enough then the following <h2> section will be overlapped by the image I am floating.

See below:

Any ideas?

 

[Confused]

Give your H2 a clear: left; or clear: both;

 

[Sin_Chase]

Grand, cheers.