Html <；ul>；在div容器内水平居中

我想把ul列表放在div容器的中心。 我的代码：

<div class="subnav_wines">
    <ul>
        <li><a href="?sel_regio=4">ToBeDefined</a>
        </li>
        <li><a href="?sel_regio=2">Valpollicella</a>
        </li>
        <li><a href="?sel_regio=1">Veneto</a>
        </li>
        <li id="dd_sort" class="last"><a id="" href="#">Sorted by</a>
        </li>
    </ul>
    <div style="clear:both"></div>
</div>

有人能帮我吗

---

谢谢。

用于

的
浮动：left
。subnav\u li

正在将列表项推到其父

ul

的左侧。尝试删除

的
浮动：left

.subnav_wines li  { 
  display:inline-block; 
  padding: 10px 25px 10px 25px;  
  margin: 0; 
}

将以下内容添加到CSS中

.subnav_wines {
    text-align: center;
}
.subnav_wines ul {
    display: inline-block;
}

您好，请尝试以下ul代码

    .subnav_wines { border-bottom: 1px solid #b58150; padding: 0; margin-bottom: 0px; text-align:center}
    .subnav_wines ul { padding: 0; display:inline-block; }

工作示例：

    .subnav_wines { border-bottom: 1px solid #b58150; padding: 0; margin-bottom: 0px; text-align:center}
    .subnav_wines ul { padding: 0; display:inline-block; }