文本后的CSS边框底部

css

html

名称：

我怎样才能使文字后的下边框，如果我使用下一行，将受到宽度的影响。仅供参考：php值将显示在边框顶部

我的目标是：

姓名：__________________

我在这里找到了类似的帖子和答案

---

但是我想使用class

问题是

span

没有

宽度。最简单的解决办法是让它有
显示：内联块
而
min width
问题是
span
没有
width
。最简单的解决办法是让它有
显示：内联块
和
最小宽度
添加css：

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

以下是添加css的实时示例：

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

这里是一个实例，这里是另一个解决方案

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

这是另一个解决方案

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

使用下面的代码。。。。与示例相同


ul{
显示：内联块；
}
李{
显示：内联块；
右边距：10px；
位置：相对位置；
}
.下划线：之后{
边框底部：2倍实心#000；
内容：''；
位置：绝对位置；
左：0；
右：0；
宽度：50%；
底部：0；
保证金：0自动；
}

课程计划
两个
三
使用以下代码。。。。与示例相同


ul{
显示：内联块；
}
李{
显示：内联块；
右边距：10px；
位置：相对位置；
}
.下划线：之后{
边框底部：2倍实心#000；
内容：''；
位置：绝对位置；
左：0；
右：0；
宽度：50%；
底部：0；
保证金：0自动；
}

课程计划
两个
三
。底线：应在
之后help@Morpheus如果我将使用after和content，我如何使用它的底部边框？tnx
.bottomdotline:after
应该help@Morpheus如果我将使用after和content，我如何使用它的底部边框？tnxi尝试使用最小宽度，但如果我使用100%，它仍会影响文本。我尝试使用最小宽度，但如果我使用100%，它仍会影响文本。
.container{
  overflow:hidden;
}
.offset-border{
  display: inline-block;
  padding-right: 10px;
  position: relative;
}
.offset-border::after{
    background: #000 none repeat scroll 0 0;
    bottom: 6px;
    content: "";
    display: inline-block;
    height: 1px;
    left: 100%;
    position: absolute;
    width: 5000px;
    z-index: -1;
}