Как сделать background для текста (не для блока)?

Question

[vadim023]

В псд есть такой блок joxi.ru/DmB7Z5VSNqqLQ2
Сейчас я его сделал задний фон через отдельные span блоки

<div class="title">
 <span>Нас выбирают, когда требуется</span>
 <span>круглосуточный контроль</span>
 <span>за погрузкой/выгрузкой</span>
</div>

Возможно ли сделать эту штуку без отдельных спанов?

<div class="title">
 Нас выбирают, когда требуется<br>
 круглосуточный контроль<br>
 за погрузкой/выгрузкой
</div>

Answer 1

[Dartess]

Шел 2016 год, дизайнеры продолжали издеваться над верстальщиками.
chikuyonok.ru/2010/01/uniform-text-background

Comments

[Константин]

в вашем примере (chikuyonok.ru/u/uniform-bg.html) есть белые линии между строками, их можно убрать добавив padding: 1px, например.
А так же вложенность span'ов не нужна

[galen_mad]

Идёт уже 2021 год, дизайнеры всё ещё издеваются над верстальщиками.

Answer 2

[Андрей Андриевский]

https://jsfiddle.net/oe7epy19/
но не совсем, как на картинке

Answer 3

[Donald Dak]

А почему просто классу title не задать фон?

Comments

[display: block]

Будет прямоугольник.

[Donald Dak]

qork: а догнал что он хочет)

Answer 4

[bogdanchez]

https://jsfiddle.net/oe7epy19/2/

Лучший вариант, имхо.

можно добавить отступы любых размеров с помощью padding.