Как можно сделать такой блок?

Question

[Егор Антропов]

У меня получается что либо фон второй строки перекрывает первую строку, либо вторая строка становится на равне с первой. В общем постоянно что-то не так.

Comments

[Alex]

вообще есть масса рещений

https://css-tricks.com/multi-line-padded-text/

самое-самое, имхо box-decoration-break

Answer 1

[sergski]

Comments

[Ankhena]

Разумнее не divи p, а p и span

[sergski]

Ankhena, да, но часто такие штуки это заголовки, поэтому мб и h1

[Михаил]

sergski, в чем сакральный смысл дублирования тени?

Answer 2

[Виталий]

напишите на js функцию которая будет каждое слово заворачивать в span и задайте для всех этих спанов бекграунд (ну и другие стили).

Comments

[Lord_Dantes]

Ого js зачем так жестко

[Егор Антропов]

slave, плюсую

[Виталий]

slave, согласен так себе решение ))) написал, что первое в голову пришло, ну пускай будет как трэш вариант ))).

Answer 3

[ArtemGum]

Тег mark и его стилизовать

Answer 4

[Alex]

решений много
https://css-tricks.com/multi-line-padded-text/
самое-самое имхо через box-decoration-break