My goal is to align three links on the same line and center them. I thought this was the way to do it, but it's not working. What am I doing wrong?

The CSS

```
.links_wrapper {
    margin:auto;
}
.home_links {
    float: left;
}

```

The HTML

```
<div class="links_wrapper">
    <div class="home_links">
        <a href="#"><img src="#"/></a>
    </div>

    <div class="home_links">
        <a href="#"><img src="#"/></a>
    </div>

    <div class="home_links">
        <a href="#"><img src="#"/></a>
    </div>
</div>

```