Question

What would be the correct/best way to locate the information below, split between two divs.

You can see the page in question here:

http://property.begbies-traynor.com/sale/the-camelot-hotel/

As you will see, the top area is split into two sections. One on the right for the primary property image, and one on the left that contains the property features.

I have tried using Floats but it seems to be erratic on how its displaying.

What would be the best way to split those two pieces of information?

At present they are set as two separate divs, with one set to float:right;

Thanks!

Answer 1

#split needs to be float: left;

Then the total width of #split and #split-two needs to be narrower than the container.

Finally, you’ll need a clearing element, either using a suitable clearfix, or a cheap and dirty <br style="clear:both;" /> inside the container but after #split and #split-two