html - 尝试将页脚链接与一些文本居中

Question

我试图将页脚链接与附近的一些文本居中。我可以只使用文本对齐的文本，但这不适用于链接。有人知道解决方案吗？

jsfiddle - http://jsfiddle.net/p7fxqmrc/1/

<footer>
    <p>Copyright 2014</p>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Services</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</footer>



footer p{
    color:#5b5a5a;
    font-family:arial;
    font-size:14px;
    float:left;
    margin:10px;

}

footer ul li{
    float:left;
    margin:10px;

}

footer ul li a{
    text-decoration:none;
    color:#5b5a5a;
    font-family:arial;
    font-size:14px;
    float:left;

}

Answer 1

请检查:jsFiddle .

这是更新后的 CSS:

footer p {
    color:#5b5a5a;
    font-family:arial;
    font-size:14px;
    margin:10px;
    text-align: center;
}
footer ul li {
    margin:10px;
    list-style: none;
    display: inline-block;
}
footer ul li a {
    text-decoration:none;
    color:#5b5a5a;
    font-family:arial;
    font-size:14px;
}
footer ul {
    text-align: center;
    padding-left: 0px;
}