ul li 居中显示

ul li {
        list-style:none;
        color:red;
        display:inline;
        width:180px;
        text-align:center;
        line-height:20px;
}

去掉浮动，改为display:inline;
还有就是，为什么你的ul跟li之间还可以加入一个div呢？难道ul和li之间还可以有其他标签？