在底部点下方放置一个底部边框

Question

我希望我的上一个列表有一个下划线，一直到左边距，而不仅仅是内容开始的位置。我尝试使用“list-style-position：inside;”标记，但它只是将项目符号点移到右侧，它不会将下划线移动到左侧。有人帮忙吗？

<li class="end">content</li> 

.end{
border-bottom:1px solid black;
margin-bottom:-1px;}

Answer 1

如果您想为子弹加下划线，可以这样做：

ul li {
  list-style:none;
  border-bottom: #000 solid 1px;
}

ul li:before {
  content: '\2022';
  padding-right: 20px;
}

这是jsfiddle代码

修改 如果您希望为列表添加下划线，可以执行以下操作：

ul {
  border-bottom: #000 solid 1px;
}

这是jsfiddle代码

Answer 2

您可以将<ul>边框设为：Demo here。

ul {
border-bottom:5px solid black;
}

另一种选择..

与仅仅为最后一个列表项提供底部边框相反，您只需在列表中放置一个<hr>。这样做可以避免关于保证金的原始问题。

示例，here。这是 更好 选项..