<div class="products_box">
<ul>
<li><a href="#"><h2>café</h2><img border="1" title="Cafe" alt="Cafe" src="images/cafe.jpg"></a></li>
<li><a href="#"><h2>brasserie</h2><img border="1" title="brasserie" alt="brasserie" src="images/brasserie.jpg"></a></li>
<li><a href="#"><h2>weddings</h2><img border="1" title="weddings" alt="weddings" src="images/weddings.jpg"></a></li>
<li><a href="#"><h2>events</h2><img border="1" title="events" alt="events" src="images/events.jpg"></a></li>
</ul>
</div>
CSS
.products_box{padding:0 0 10px 15px;}
.products_box ul {list-style: none;}
.products_box ul li {float: left; padding: 5px;}