如何居中多个HTML UL列表

Question

我对HTML UL列表有疑问。请参阅以下示例： http://uploads.demaweb.dk/li.html

我希望这两个菜单在线显示并居中显示。我怎么能这样做？

我无法使用菜单类更改div内的任何内容，因为它们是由CMS生成的。

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/