无法将此#container div与中心对齐

Question

我整个下午都在寻找，尝试了许多方法，但他们都没有工作。我想要做的是将div与id =“container”（包含我的下拉菜单）对齐到页面中心。
这是我的代码：http://jsbin.com/ilupuf/2/

Answer 1

删除float: left;，然后它很好地居中。

Answer 2

但丁，看看这个：

http://jsbin.com/ilupuf/23/edit

你只需调整菜单的宽度 - 你没有指定它是否应该有固定的宽度，所以我认为它不必拉伸以适应内容。

Answer 3

body {
    margin: 0 auto;
    max-width: 1024px;
    min-width: 800px;
    text-align: center;
}

在css中添加此类