CSS菜单未居中

Question

我建立了这个菜单：
JSBIN编辑 ; JSBIN演示
如您所见，菜单不在居中位置，而是居中。 但是，我想降低它，恰好在中间。

因此，我有一个想法可以做margin-top: 26px因为条形的高度为53像素，但它没有任何改变。 我也做了margin: 0 auto和text-align:center 。

我阅读了此STACKOVERFLOW，并意识到它与float相关，但我不想使其浮动-我想使其下降。

谢谢！

Answer 1

您需要使用 line-height来指定 line-height 。 好的， 已更新 ， line-height不起作用！！！ 而且，将其赋予<a>标记也可以达到目的：

width: auto;
display: inline-block;

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

Answer 2

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