Псевдоэлемент по всей длине текста

269
14 февраля 2017, 19:54

Добрый день. Есть заголовок, для которого нужно сделать заднюю черту, как показано на изображении.

Заголовки есть и по несколько строк, что по большому счету и является проблемой. Было предложение сделать данное подчеркивание псевдоэлементом, но так и получилось добиться того, чтобы при переносе строки все работало корректно. Есть ли решение данной задачи?

Заранее благодарю за ответ.

Answer 1

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>

READ ALSO
Как сверстать этот элемент

Как сверстать этот элемент

Подскажите, как бы вы сверстали элемент,рука со смартфоном,я новичок не могу понять лучше сделать его background'ом или img ?Если бэкграундом ,то к какому...

257
Bootstrap footer

Bootstrap footer

Появился небольшой вопрос, связанный с версткой на bootstrap 3

310
Фиксированное позиционирование

Фиксированное позиционирование

Доброго времени! Есть элемент, спозиционированный фиксированно:

305
Какое отличие между std::move и приведением к (T&amp;&amp;)?

Какое отличие между std::move и приведением к (T&&)?

Скажите, в чем разница если написать T&& вместо std::move? Вот код:

330