css - 扩展边框 css 的长度

Question

如何将边框的长度扩展到超过文本的长度？这是我目前所拥有的:

    color: #8C4600;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid #D1D1D1;

这是 HTML:<li class = "vendors">VENDORS</li>

Answer 1

使用填充和负边距。

例如:

div {
  padding: 1em;
  margin: 0 -1em;
  border-bottom: 1px solid red;
}

上面给出了所有边的填充，以及左边和右边的负 1em 边距。你可能想摆弄那个。