如何居中多個HTML UL列表

Question

我有一個HTML UL列表的問題。看到下面的例子： http://uploads.demaweb.dk/li.html

我想兩個菜單顯示在線和居中。我怎樣才能做到這一點？

因爲它們是由CMS生成的，所以我無法使用菜單類更改div內的任何內容。

Answer 1

你可以做到這一點......如果我讀的問題正確

添加text-align:center;到.container

和

display:inline-block;到.menu

.container { 
    width:800px; 
    background-color:#e0e0e0; 
    text-align:center; 
    } 

    .menu { 
    margin:auto; 
    display:inline-block; 
    } 

例子：http://jsfiddle.net/jasongennaro/8BAjV/

編輯

您的解決方案几乎是工作 - 除了從哪裏 名單並不具有相同的高度的情況。

在這種情況下，加vertical-align:top;

.menu { 
    margin:auto; 
    display:inline-block; 
    vertical-align:top; 
} 

修訂例如http://jsfiddle.net/jasongennaro/8BAjV/2/