ul li设计问题

 

   li默认display: block;

//HTML
<ul>
    <li>水平居中</li>
    <li>水平居中</li>
    <li>水平居中</li>
</ul>


//CSS
ul {
    text-align: center;
}

ul li {
    display: inline;
}

　　

效果图：