html - HTML 中的下划线文本

Question

我想写下图最简单的例子

我的示例应该适用于 ie6、7、8、9 等。所以我不能使用 float 或任何有用的东西。我做了 jsFiddle使用表格

<table width="500px">
    <tr>
        <td width="45px"><span>e-mail</span>
        </td>
        <td align="center"> <div style="border-bottom: 1px solid;">test@gmail.com</div></td>
    </tr>
    <tr>
        <td width="45px"></td>
        <td align="center"> <span>(email)</span>
        </td>
    </tr>
</table>

，但底部(电子邮件)与该行有边距。

我希望一切都像我的第一张图片一样。谢谢

Answer 1

这个我试过了。 检查这个jsFiddle link

<table width="500px" style="padding:0px; border-spacing:1px">
<tr>
    <td width="45px" style="padding:0px"><span>e-mail</span>

    </td>
    <td align="center" style="padding:0px"> test@gmail.com <hr noshade style="border-top:1px; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-top: 0; -webkit-margin-bottom: 0;"/> </td>

</tr>
<tr>
    <td width="45px" style="padding:0px"></td>
    <td align = "center" style = "margin-top:0px; padding:0px">(email)</td>
</tr>