文本后的 CSS 边框底部

Question

CSS

.bottomdotline{
border-bottom-style: dotted;
border-bottom-width:2px;
display:table-cell;
width:100%;
}

html

<td >Name: <span class="bottomline"> <? echo $name; ?></span></td>
<td ></td>

如果我使用下一行将影响宽度，我怎样才能在文本之后制作底部边框。 fyi: php 值将显示在边框顶部

我的目标:

姓名:__________________

我在这里找到了类似的帖子和答案 How to underline blank space in CSS?

但是我想用类

Answer 1

添加CSS:

.bottomline:after{
  content: " ";
  border-bottom-style: dotted;
  border-bottom-width:2px;
  display:table-cell;
  width:200px;
}

这是一个活生生的例子 http://jsfiddle.net/aghd7/