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