Как сделать подчёркивание за текстом

Question

Как реализовать подчеркивание, как на картинке?

Answer 1

Один из вариантов, такой:

h2>span {
  position: relative;
}

h2>span:before {
  height: 4px;
  background-color: orange;
  position: absolute;
  content: "";
  width: 100%;
  bottom: 4px;
  z-index: -1;
}

<h2><span>Наши</span> <span>партнёры</span> <span>по</span> <span>бизнесу</span></h2>
<h2><span>Наши партнёры по бизнесу</span></h2>

БЛОГ НА HUSL

Как сделать подчёркивание за текстом

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