Four div's in line

HTML & CSS
1

I’m trying to line up four div boxes inline but it just won’t happen. here is the code and the link.

http://eichlerssilver.co.uk/store/

<div class="clearer"></div>
<div style="float:left; width: 942px;">
<div style="margin:10px 0 0;"><img src="<?php echo $this->getSkinUrl('images/media/gift.jpg');?>" alt="" /></div>

<div style="margin:10px 0 0;"><img src="<?php echo $this->getSkinUrl('images/media/gift.jpg');?>" alt="" /></div>

<div style="margin:10px 0 0;"><img src="<?php echo $this->getSkinUrl('images/media/gift.jpg');?>" alt="" /></div>

<div style="margin:10px 0 0;"><img src="<?php echo $this->getSkinUrl('images/media/gift.jpg');?>" alt="" /></div>
</div>
2

first off, I’m only looking at the example code you posted and not the site itself.

please don’t use inline-styles, particularly not when you’re using the exact same style multiple times.

your issue is because you’re floating the parent div and not the child divs, the ones you actually want to have floated - you need to float all divs those divs that you want to have displayed in line, and a width would probably also be a good idea.

3

perfect! worked like charm. thank you