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>

.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;
}