如何调整水平规则元素的宽度

Question

我在设置 <hr> 元素的宽度时遇到问题。我的意思是我希望我的 <hr> 像这张图片一样显示全宽的一半：

如您所见， <hr> 元素位于 <h1> 标签和段落之间，它是屏幕全宽的一半。

我已经搜索过，我得到的只是设置 <hr> 元素，如下所示：

 <hr size="30">

但这是行不通的。那么你知道如何设置 <hr> 元素的宽度吗？

原文由 user6604616 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

css中设置hr元素的样式属性

hr {
    width:50%;
    margin:0 auto;
}

原文由 gavgrif 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

幸运的是，为此有一个属性，您唯一需要做的就是使用以下属性。在这种情况下，我将其设置为 75% 的宽度。希望对您有所帮助

<hr width="75%">

原文由 Mani Salehi 发布，翻译遵循 CC BY-SA 4.0 许可协议