I'm trying to put a few privacy seals/logos on the footer of my website, and I would like them to appear centered in a horizontal row. I know there are lots of fancy ways to do this, but anyone know a very simple way to code this in HTML? For some reason my images are stacked up vertically and won't go horizontal! I know this is super simple but I'm stuck on this one. Please help! THANKS :):)

For me, the simplest way would be to put them in a centered table, each logo in a separate cell (column). Use border =0 to get rid of the grid lines.

hello, thanks for the reply. i've been trying to do this but am stuck! can someone please post some code here i could use? thanks!!!

Here is a simple way to achieve this:


<div id="logos">
<img src="/image1.gif" alt="" />
<img src="/image2.gif" alt="" />
<img src="/image3.gif" alt="" />
<img src="/image4.gif" alt="" />
<img src="/image5.gif" alt="" />
</div>


CSS

#logos
{
width: auto;
margin: 0 auto;
}
#logos img
{
float: left;
margin: 0 10px;
}

Here is a simple way to achieve this:

HTML

did you forget to post? i think your html did not come through? thank you though, can you repost? :)

nevermind i see now! will try it

this worked great, thanks! simple. i like it. :)