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

Question

我有一些带有一些<hr/>元素的导航.优选地,在纯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; */
}