<div id="macji">
    <ul class="macji-skin">
        <li>列表一</li>
        <li>列表二</li>
        <li>列表三</li>
    </ul>
</div>

我们希望实现li是浮动的，并且居中的（li个数不固定，ul宽度未知）。可以设置ul的text-align:center,再设置li的display:inline，可以实现居中。CSS代码如下：
.macji-skin
{
text-align:center;
}
.macji-skin li
{
display:inline;
}