HTML下划线并对齐td的内容

Question

我希望单个td的内容加下划线。内容也需要双向对齐。 左边一个字段，右边另一个字段。我怎样才能做到这一点？

金额：10.00美元

---

Answer 1

你必须在你的td上放一个id并将文本分成两个跨度。第二个必须有一个“float：right”属性和一个特定的类。

代码可能如下所示：

CSS：

#myTd {
    text-decoration: underlined;
}
#myTd>span.right {
    float: right;
}

HTML：

...
<td id="myId">
    <span>Amount :</span>
    <span class="right">10.00 USD</span>
</td>
...

Answer 2

您可以通过专门设置＆＃39; td＆＃39;然后，tag将正确的内容封装在span或em标签上。

对于HTML：

<td>Amount: <span>10.00 USD</span></td>

对于CSS

td{
    display:block;
    width:400px;
}

span{
    float:right;
    width:auto;
}