Как сделать так, что бы линия переносилась, которая под текстом?

Question

[mukzer]

Как сделать так что бы линия под текстом переносилась вниз, а не только была на первой строчке? ( В скринах ниже есть то как я это делал, и то что должно получится... )

Comments

[Forgetful]

Скорей всего этот текст надо разбить на отдельные элементы, на которых и будут корректно работать стили before.

Answer 1

[Рома Зварич]

Сам текст помещаете в <span> или просто задаёте элементу display: inline.
И с помощью линейного градиента задаёте заливку в половину строки

Результат:
https://codepen.io/hisbvdis/pen/OJpJPyz

Comments

[mukzer]

Спасибо большое!