如何将没有设置宽度的列表块居中？

Question

我正在处理UL块，导航菜单，可以缩小和增长。它包含向左浮动的列表项，并且是用户定义的任何长度。它没有固定的宽度，我不能改变HTML或使用JavaScript。我所能做的就是添加CSS。什么是最安全的列表中心？

我必须使用的一个简单示例：http://jsfiddle.net/DCYn2/1/ 请记住，我只能添加CSS。我无法添加html，js或删除现有的CSS。

Answer 1

使ul居中的最简单方法是将其display属性更改为table并修改边距。

http://tinker.io/c5ff0

ul {
    border: 1px solid;
    padding: 0;
    display: table;
    margin-left: auto;
    margin-right: auto;
}

li {
    border: 1px solid red;
    display: inline-block;
}