ya lo solucione de esta manera y gracias por el aporte
saludos
Código:
<style>
#content {
float:left;
margin:0 2px;
overflow:hidden;
padding:10px 0 0 20px;
width:430px;
background-color:#666666;
}
.post
{
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E5E5E5;
float:left;
margin:0 10px 15px 0;
overflow:hidden;
padding:5px 10px;
width:105px;
}
.post h2 {
font-size:13px;
margin:0 0 3px;
padding:0;
}
.clear {
clear:both;
margin:0;
padding:0;
}
</style>
en el body
Código:
<div id="content">
<!--inicio-->
<div class="post">
<h2>
<a title="Permanent Link to Design Expedite" rel="bookmark" href="http://www.bestcssgallery.com/gallery/design-expedite.htm">Design Expedite</a>
</h2>
<p>
<a target="_blank" title="Design Expedite" href="http://www.designexpedite.com/">
<img alt="Design Expedite" src="http://www.bestcssgallery.com/wp-content/uploads/2009/12/Design-Expedite-225x140.jpg" width="100" height="57"/>
</a>
</p>
<div class="clear">icono </div>
</div>
<!---->
<div class="post">
<h2>
<a title="Permanent Link to Design Expedite" rel="bookmark" href="http://www.bestcssgallery.com/gallery/design-expedite.htm">Design Expedite</a>
</h2>
<p>
<a target="_blank" title="Design Expedite" href="http://www.designexpedite.com/">
<img alt="Design Expedite" src="http://www.bestcssgallery.com/wp-content/uploads/2009/12/Design-Expedite-225x140.jpg" width="100" height="57"/>
</a>
</p>
<div class="clear">icono</div>
</div>
<!---->
<div class="post">
<h2>
<a title="Permanent Link to Design Expedite" rel="bookmark" href="http://www.bestcssgallery.com/gallery/design-expedite.htm">Design Expedite</a>
</h2>
<p>
<a target="_blank" title="Design Expedite" href="http://www.designexpedite.com/">
<img alt="Design Expedite" src="http://www.bestcssgallery.com/wp-content/uploads/2009/12/Design-Expedite-225x140.jpg" width="100" height="57"/>
</a>
</p>
<div class="clear">icono</div>
</div>
<!--fin-->
</div>
saludos
y gracias