Html 样式导航css边距

我无法将文本居中对齐（水平和垂直） 在动态导航按钮上。按钮已设置为 使按钮具有单行或双线文本。 如果有一行或两行文本，我希望文本中心对齐

有什么简单的CSS解决方案可以解决这个问题吗？
好的，我已经手动使用带有

“上边距”

的双行文本设置了按钮样式（请参见下面的css声明）

但是我不想用两行文本在按钮上设置特定的css声明。。我想设置相同的#访问所有按钮的样式..有可能实现这种外观吗

链接到我的页面[链接]

应该是更好的解决方法

---

一种方法是使用

绝对定位，并将
顶部设置为50%。然后设置元素高度一半的负上边距

示例

#access li#menu-item-21 a {
     line-height: 1.2;
     position: absolute;
     top: 50%;
     margin-top: -12px; // half the height of the anchor
}

a{
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    line-height: 1.2;
}

更新
您可以尝试使用
display:table cell

示例

#access li#menu-item-21 a {
     line-height: 1.2;
     position: absolute;
     top: 50%;
     margin-top: -12px; // half the height of the anchor
}

a{
    display: table-cell;
    vertical-align: middle;
    height: 38px;
    line-height: 1.2;
}

这可能对你有帮助：谢谢你的帮助！但是我不想用两行文本在按钮上设置特定的css声明。。我想为所有按钮设置相同的访问权限a。是否可以实现此外观？