如何将按钮中的文本居中？

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;
}