Html 如何在一行上打印文本？

我必须制作一个接收页面的UI，在其中我必须打印行上方的文本

下面是一个示例图像：

使用

文本装饰

属性在文本下方显示下划线的选项不起作用，因为它只在文本下方显示线条。我还尝试设置表的

边框底部

，但它也不起作用

我需要做的是画一条长长的水平线，我可以在上面打印文本。我怎样才能达到这个愿望的结果

---

我需要它与IE>7兼容。

考虑使用带有

边框底部
样式声明的
输入
字段。此外，由于字段仅用于显示目的，因此应使用
readonly
属性对其进行设置，以便用户无法更改其内容

例如：

HTML

<input type="text" value="some text goes here" readonly>
<input type="text" value="another field" readonly>
<input type="text" value="some more" readonly>
<input type="text" value="1234" readonly>

见

注意：在HTML中包含字段值之前，应正确转义字段值。例如，在PHP中，可以使用
htmlspecialchars（）
或
htmlentities（）
函数对值进行转义。
您是否尝试过平铺背景图像？这对我很有效。我想没有必要保留这个问题。我应该删除吗？真为你高兴，尽管你已经提到
边框底部
不起作用。@JEES我遗漏了一些东西
input {display:block;border:none;border-bottom:1px solid #000;}