span background новая строка

Как я понял у него примерно так:

🍿 то есть вторая строчка без паддинга идет :)

ну тогда вот так или еще сотней других способов http://jsfiddle.net/gmbyz6o2/2/

Так это обычный display: inline-block, как и написали в первом ответе. А ему надо, чтобы фон не заходил дальше текста, как бы вот так:

Не спал опять всю ночь, бессонница мучает, извиняюсь за неровности 🤪

А так как ему надо походу нереально сделать без вставки тега в каждую новую строку :) Я по крайней мере вечером вчера не нашел решения :)

Ну тогда так или пусть объяснит и покажет как надо http://jsfiddle.net/gmbyz6o2/9/

Вариант с помощью white-space: pre-wrap

http://jsfiddle.net/s3uubmhb/

отступы по правому краю будут по ширине пробела.

http://jsfiddle.net/gmbyz6o2/11/

Посмотрите пример мой. И у вас, vandamme, и у вас, Zick - вторая строка в span не делает padding слева, как я понял именно это и имел ввиду ТС 🍿 Я лично тоже не нашел решения, кроме как каждую строку в отдельный span с отступом слева 🍿 И как я писал выше - странно что это кому-то нужно делать :)

P.S. Пытался найти этот сервис, так и не вспомнил. vandamme, вы напомнили, ща в закладочки суну :)

Слева-то еще можно сделать отступ: http://jsfiddle.net/gmbyz6o2/21/

А вот справа там фигня получается. :(

Да и слева неровные отступы, у первой строки отступ больше :p

Может вот так подойдет? http://jsfiddle.net/gmbyz6o2/26/

<div align="justify"><span class="black" style="border:5px solid #fff;">Текст не умещается в одну строку, поэтому я добавил паддинг, чтобы залить бэкграундом промежутки между строк. И чтобы было расстояние с фоном от края заливки до начала текста слева и справа.</span></div>

А в css .black {line-height:25px;

background: black; color:white; padding-top:3px;}

ziliboba0213, левый padding имитировался через border-left.

хотя нашел вариант проще - outline

http://jsfiddle.net/1p96c2f9/