html - 如何在同一行居中图像链接？

Question

我的目标是将三个链接对齐在同一条线上并将它们居中。我认为这是做到这一点的方法，但它不起作用。我做错了什么？

CSS

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

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>

Answer 1

*, 
*:before, 
*:after { 
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
}
.home_links {
    max-width: 33%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
}

请根据需要随意更改边距 n 内容。