Question: I have 3 images that are all in the same line and float left but i would also like to centre them. I have tried using `margin: 0px auto;` but it doesn't seem to do anything. Any suggestions?

CSS: 

```
#boxes .box {
    width:370px;
    height:241px;
    float: left;
    margin: 0px auto;
    background-image:url(../imgs/box_front.png);
    background-repeat:no-repeat;
    background-color: #FFF;

}

```

Answer: 
From your selector, I can make out that the boxes which are floated to the left are nested inside element having an id of `#boxes`, so if you can, assign some fixed width to `#boxes` and than use `margin: auto;`

```
#boxes {
   width: 800px; /* You need to set this */
   margin: auto;
}

```

[**Demo**](http://jsfiddle.net/FF5cy/)
You should align to center to your parent div that is `#boxes` not to your image. Try this:

```
#boxes{
margin: 0 auto;
text-align: center;
}

```