如何显示文本，虚线然后是跨越页面宽度的更多文本？

我建议也许a

ul

<ul>    <li><span >Name:</span><span >Engineer</span></li>    <li><span >Factory location:</span><span >not invoice address</span></li></ul>

CSS：

ul li {    border-bottom: 2px dotted #ccc;}span.defined {    float: right;}span.defined:before {    content: "(";}span.defined:after {    content: ")";}

编辑 以更正CSS。 还有 HTML。哎呀。

编辑 响应@ Leigh的（准确）的评论：

这不是OP所要求的吗？这只是一个带下划线的下划线（FF 3.5），而不是两个文本之间的点。

我对CSS进行了一些调整，以将

span

ul li {    border-bottom: 2px dotted #ccc;    line-height: 2em;    text-align: right;    clear: both;    margin: 0.5em 0 0 0;}span.definition {    float: left;}span.defined:before {    content: "(";}span.defined:after {    content: ")";}span {    display: inline-block;    border: 2px solid #fff;    padding: 0;    margin: 0 0 -2px 0;}

诚然，这仅在Chrome 8和Firefox 3.6，Ubuntu 10.10中进行了测试。