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像素。