css - 如何更改 hr 标签的长度？

Question

如何更改 hr 标签的长度？

<hr>

占用浏览器的全长。我尝试设置填充和边距但没有效果。使用普通 css 或使用 Bootstrap 5 的任何解决方案？

score 3 · Accepted Answer

您需要为 hr 标签设置边距。以下将起作用

hr {
  margin: auto 220px
}


/* just for demo*/
.div {
  text-align: center;
  margin: 20px;
}

<div class='div'> div - 1</div>

<hr>

<div class='div'> div - 2</div>

score -1 · Accepted Answer

您可以在 html 上编写以下样式标记。

<style> hr{margin: auto 220px;}</style>
<hr>

2 回答 2