CSS 如何让li横向在div居中显示

直接上代码，复制一下代码到.text中，修改后缀名为.html，直接运行看效果

如图所示：，同时适用于手机端显示。

<style>

.box
{
    border:1px solid #000000;
    width:100%;
    margin:auto;
}
.box ul
{
    display:table;
    margin:10px auto;
}
.box ul li
{
    border:1px solid #333333;
    text-align:center;
    float:left;
    *float:none;
    *display:inline;
    *zoom:1;
    margin-right:5px;
}


</style>
<div class="box">
    <ul>
        <li>12313</li>
        <li>by jubdit</li>
        <li>12313</li>
    </ul>
</div>