将背景图像放在表格单元格的中间

Question

请看下面的图片

如何将图像置于表格列（<td>）中心？填充不会在顶部仅在右侧和底部留出空间

这是表格html代码

<table>
<tbody>
<tr>
<td class="bedButton ward-A">A115:1</td>
<td class="bedButton ward-A">A116:1</td>
</tr>
</tbody>
</table>

这是CSS：

.bedButton{
    padding:25px;
    width:250px;
    height:300px;
    background:url(../images/bedview/bed-background.png) no-repeat;
    margin-left: auto;
    margin-right: auto
}

Answer 1

要水平居中文字，请使用：

td {
    text-align:center;
}

<强> jsFiddle example