CSS菜单不居中

Question

我已经建立了这个菜单：
JSBIN EDIT; JSBIN DEMO
如您所见，菜单中心不在酒吧中间，他居中。但是，我想让它降低，恰好在中间。

所以，我有一个想法margin-top: 26px，因为条的高度是53像素，但它不会改变任何东西。我也做过margin: 0 auto和text-align:center。

我读了这个STACKOVERFLOW并意识到它与浮动相关，但我不想浮动它 - 我想让它失效。

谢谢！

Answer 1

你需要使用line-height给出行高。好的，更新，line-height技巧不起作用！而且，将此赋予<a>标记可以解决问题：

width: auto;
display: inline-block;

小提琴：http://jsbin.com/cayob/2

Answer 2

尝试将链接的line-height设置为条形的高度，在此示例中为53像素。