让ul中的li居中显示

利用ul的text-align：center属性：

设置ul的display：table，text-align:center。

注：1.这里必须用display：table属性。

       2.不可以设置ul的宽。

下面是一段代码：

 

#nav {
            height: 30px;
            position: relative;
            bottom: 20px;
            display: table;
            margin: 0 auto;
            text-align: center;
        }
#nav li{
            width: 5px;
            height: 5px;
            border-radius: 50%;
            margin-left: 3px;
            border: 3px solid #999999;
            float: left;

        }