如何設置寬度 <hr/> 在CSS中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; */
}

Answer 2

嘗試使用margin-right

或者你可以使用Javascript更具體的東西。 例如：

CSS：

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