html - 在 div 中水平居中的正确方法是什么？

Question

我对 HTML/CSS 比较陌生，所以请随时纠正我(可能)犯的任何其他错误。这是我的 HTML 和 CSS:http://jsfiddle.net/luxurymode/PrjJ3/3/

我想要做的就是将 UL 在该“导航栏”中水平居中。正确的做法是什么？

编辑:我不小心发布了错误的 fiddle 。现在是正确的...

Answer 1

正确的做法是

#topbar ul {
    width: /* exact width of the ul */;
    margin: 0 auto;
}

• > DEMO

另一种方式是

#topbar {
    text-align: center;
}

#topbar ul {
    display: inline-block;    
}

但是 inline-block 不是 100% x-browser proof。

• > DEMO