html - IE7 对齐表格单元格中按钮旁边的文本

Question

我有一个简单的表格，其中最后一行显示图像按钮旁边的文本。这适用于除 IE7 以外的其他浏览器。

<table>
    <tr>
      <td>Some header</td>
      <td>Some other header</td>
    </tr>            
    <tr>
      <td colspan="2" class="infoRow">Info:
      <input type="image" class="infoButton" src="Images/down_arrow.png" /></td>
    </tr>
</table>

来自 CSS 文件:

.infoButton
{
    float: right;
    padding: 0;
    margin-left: 20px;
}

.infoRow
{
   text-align: right;
}

IE7 在表格单元格中一直向右显示文本，图像按钮位于其下方，并且也向右对齐。我想在图像按钮左侧显示“信息:”文本，这在其他浏览器中工作正常。

Answer 1

我相信如果你只是删除 float 你会没事的。