How Can I Prevent Divs From Overlapping A Right Floated Image?

I have a document with two images and some text. The first image is floated left, the second one floated right. The problem is that text from DIVs overlaps the second image. The te

Solution 1:

You need to give all the Child elements display:inline and give other special elements display: block. and also most important thing is to give overflow: auto to the parent element so that it counts the height of the floated child elements (such as the second image).

Here is the working fiddle

Update:

As you have not assigned any classes to those elements, I am adding inline styling to those special elements.

Updated Fiddle (Change as you need)