div+css之让ul及li水平居中于div

<div class="footer-desc">
        <ul>
            <li><a href="">网站地图</a></li>
            <li><a href="">隐私声明</a></li>
            <li><a href="">版权声明</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
</div>

css代码如下：

.footer-desc {
    height: 80px;
    padding: 25px 0px;
}
.footer-desc ul {
    font-size:0px;//解决li标签之间出现白色空白的问题
    text-align:center;
}
.footer-desc ul li {

    padding: 0px 15px;
    border-right: 1px solid white;
    height: 25px;
    line-height: 25px;
    display:inline-block;

}
.footer-desc ul li a {
    color: white;
    font-size: 14px;
    text-decoration: none;
}