html - 居中对齐水平 与左对齐行

Question

我可以使用 text-align:center 将水平列表居中，但我想知道如何让它在容器内居中，但行左对齐。

我的容器有百分比宽度，所以我需要它在调整窗口大小时和 block 重新排序时工作

---

请检查下面的示例图片以了解我的问题:

更新:

Please find JsFiddle as per request

我需要将 <ul> 居中里面div.container

Answer 1

使用这个:

ul {
    margin: auto;
}

li {
    float: left;
}