CSS Anchor看起来像Button包含图像或文本

Question

我已经查看了关于使HTML锚标记看起来像按钮的主题的各种讨论，但我遇到了一个问题。我的CSS是：

a.button:link   { font-family: sans-serif;
    font-weight: bold;
    font-size: 80%;
    text-align: center;
    text-decoration: none;
    background-color: #E0E0E0;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-bottom: 3px solid #404040;
    border-right: 3px solid #404040;
    color: black;
    padding: 4px 12px 4px 12px;
    /*display: inline-block;*/
    }

如果我在锚点中包含的是图像，我必须指定display：inline-block，或者样式不会覆盖图像占用的整个矩形，因为默认情况下锚点是内联标记。但是，如果我指定内联块并在锚内包含文本，则文本未正确对齐。例如，请参阅http://www.jamescobban.net/database/CensusForm1901.php?Province=&District=58&SubDistrict=A&Division=1&Page=1。无论按钮是包含图像还是文本，我都希望能够将一个类用于类似按钮的锚点。