如何更改 hr 标签的长度？

Question

如何更改 hr 标签的长度？

<hr>

占用浏览器的全长。我尝试设置填充和边距但没有效果。使用普通 css 或使用 Bootstrap 5?

的任何解决方案

Answer 1

您需要为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>

Answer 2

您可以在您的 html 上写下以下样式标签。

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

How do you change length of an hr tag?