靈活寬度的水平快捷菜單欄

Question

我有一個固定寬度的水平菜單欄爲我的網站。我的一些單詞對於按鈕的寬度來說太大，並且它們變得偏離中心或有時它們不能正確呈現。有沒有一種方法可以使頂級按鈕具有不同的尺寸，以適合整個酒吧的固定寬度。這是我的網站，如果你想看看我的意思。

http://www.rsd17.org/test

你會看到，社區和快速鏈接不居中。在chrome-Linux browswer上他們在一圈，看起來不正確。任何幫助都會很棒。我確定CSS中有些東西可以調整，只是不確定是哪一個。

Answer 1

您可以刪除鏈接上的左/右填充，而是將它們設置爲text-align: center：

ul.MenuBarHorizontal a { 
    padding: .66em 0; 
    text-align: center; 
}