css - 如何使按钮中的文本居中？

Question

现在可点击部分位于文本上方，然后将剩余的可点击区域挂在按钮下方。我想把它放在中心，这样我就可以清理我的导航栏。

到目前为止，我的 CSS 是

#mainnavi
{
    border-top:inset gold 3px;
    background-color:#000033;
    border-bottom:inset gold 3px;
    height:60px;
    text-align:center;
    font-size:12px;
    width:100%;
    text-shadow:20%;
}

a:link,a:visited
{
    font-weight:bold;
    display:inline-block;
    color:#FFFFFF;
    background-color:#000033;
    text-align:center;
    height:30px;
    width:90px;
    text-decoration:blink;
    overflow:hidden;
}

a:hover,a:active
{
    background-color:#c0c0c0;
}