Линия(полоска) в css

Question

Как сделать выделенную линию(полоску) в css под текстом с отступами?

Answer 1

h1 {
  display: inline-block;
  position: relative;
}

h1:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 22%;
  height: 2px;
  background: black;
}

<h1>Заголовок<h1>

Answer 2

Почему бы не использовать тег hr для этого? Или решение должно быть чисто на css?

БЛОГ НА HUSL

Линия(полоска) в css

Ответы (2 шт):