Center images side by side in Div

[suggy1982]

I know this is probably something very simple, but I need to align some images side by side across the page and then centre them within a div.

Here is my CSS for the div and images:-

Code:

.twoColFixRtHdr #banner
{
height:120px;
text-align:center;
}
.twoColFixRtHdr #banner img
{
border:solid 1px black;
margin:10px 5px 10px 5px;
float:left;
}

and here is my html:

Code:

But the images are still aligning to the left in the div,

help please……

[eip56]

A possible solution would be to place the images div within another div then do the margin: 0 auto; Not sure exactly understand the outcome you want a link to a test page would be helpful but this is what it might look like:

Code:

The css would like something like this:

Code:

#container #banner {
margin: 0 auto;
}

#container #banner img {
float: left;
/* Then add individual styles for the images */

That would probably get the outcome your looking for.

[Author]

Posts