如何將一個沒有設置寬度的列表塊居中？

Question

我正在處理一個UL塊，一個導航菜單，可以收縮和增長。它充滿了向左浮動的列表項，並且是用戶定義的任何長度。它沒有固定的寬度，我不能改變HTML或使用JavaScript。我所能做的就是添加CSS。核心清單最安全的方式是什麼？

我必須使用的一個快速示例：http://jsfiddle.net/DCYn2/1/ 請記住，我只能添加CSS。我無法添加html，js或刪除現有的CSS。

Answer 1

中心ul的最簡單方法是將其顯示屬性更改爲表並修改邊距。

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; 
}