html - 在按钮 CSS 上居中文本

Question

我正在玩 CSS 和按钮，我希望文本 History 位于按钮的中心上方，但它出现在单元格的顶部。我怎样才能让它垂直进入中间？

CSS

a.button {
background: url(button.png) no-repeat 0 0;
width: 150px;
height: 62px;
display: block;
}

HTML

<td  align="center" valign="middle" >
<a href="history.htm" class="button"/><b>HISTORY</b></a>
</td>

Answer 1

如果只有一行文本，我通常使用 line-height = height

a.button {
  background: green;
  width: 150px;
  height: 62px;
  display: block;

  line-height: 62px;
  text-align: center;
}

<a href="history.htm" class="button"/><b>HISTORY</b></a>