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: 
It is impossible to center floated items. One of the things you can do - is make the items `inline-block` and set the `text-align: center` property to their parent. Online example: <http://jsfiddle.net/8HPWU/>
Add this CSS

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

}

```