html - 将 div 内的超链接居中

Question

我有这个CSS：

#footerLinks {
    text-align: center;
    margin: auto;   
}

#footerLinks a {
    float: left;
    color: #c2c2c2;
    display: block;
    font-size: 12px;
    margin-right: 10px;
}

这个html：

<div id="footerLinks">
    <a href="">No Porn on App Store</a>
    <a href="">Porn and Apple</a>
    <a href="">iPhone Porn Wiki</a>
</div>

问题是超链接不会在页面的中心。我试过了margin: auto，text-align试着玩margins什么都没有，为什么？

Answer 1

从这个类中删除float:left;和display:block;

#footerLinks a {                
    color:#c2c2c2;
    font-size: 12px;
    margin-right: 10px;
}

演示

Answer 2

更新你的 CSS。

#footerLinks {
    text-align: center;
    margin: auto;   
}

#footerLinks a {
    color: #c2c2c2;
    font-size: 12px;
    margin-right: 10px;
}