Добрый день. Есть заголовок, для которого нужно сделать заднюю черту, как показано на изображении.
Заголовки есть и по несколько строк, что по большому счету и является проблемой. Было предложение сделать данное подчеркивание псевдоэлементом, но так и получилось добиться того, чтобы при переносе строки все работало корректно. Есть ли решение данной задачи?
Заранее благодарю за ответ.
span {
font-size: 2em;
background-image: linear-gradient(transparent 50%, lightgreen 50%);
}
<span>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum </span>
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники