水平居中2

直接把元素改为行内元素，既display:inline，然后就可以用text-align:center了。但是这样width和height就不能设置了

.container{ text-align:center; }

.container ul{ list-style:none; padding:0; display:inline; }

.container li{ margin-right:8px; border-style: solid;

                  display:inline; }

<div class="container">
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
</div>

水平居中2

原文：http://www.cnblogs.com/vvdsdhjjvvddddvvcdddg/p/7077508.html