水平Spry菜单栏的灵活宽度

Question

我的网站有一个固定宽度的水平菜单栏。我的一些单词对于按钮的宽度来说太大了，它们会偏离中心，或者有时它们无法正确渲染。有没有办法使顶级按钮具有不同的大小，以便正确地适应整个条形的固定宽度。如果您想查看我的意思，这是我的网站。

http://www.rsd17.org/test

您会看到社区和快速链接不居中。在chrome-Linux浏览器上他们超过一圈并且看起来不正确。任何帮助都会很棒。我确定CSS中有些东西可以调整，但不确定是哪一个。

Answer 1

您可以删除链接上的左/右填充，而是将其设置为text-align: center：

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