如何将 CSS 中的宽度<hr/>设置为小于宽度：自动的 X 像素数？

Question

我有一个带有一些<hr/>元素的nav。最好是在纯CSS（3？）中，如何将水平规则的宽度设置为自动减去X个像素？

_{这并没有重复这个问题，因为这是关于什么等同于负填充，这是不可能的}

Answer 1

您可以使用以下内容。

hr {
    width: auto;
    margin: 0 10px; /* This leaves 10px margin on left and right. If only right margin is needed try margin-right: 10px; */
}

Answer 2

尝试使用margin-right

或者，您可以使用Javascript进行更具体的操作。例如：

CSS:

hr {
   margin-right:20px;
   width:auto;    
}

演示