Как изменить длину тега hr?

Question

Как изменить длину тега hr?

<hr>

Занимает всю длину браузера. Я попытался установить отступы и поля, но безрезультатно. Любое решение для этого с использованием простого css или с использованием Bootstrap 5?

Answer 1

You need to set margin for the hr tag. The following would work

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>

Получите дополнительную информацию здесь.