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

Как такой вариант? http://jsfiddle.net/gmbyz6o2/29/

ага, только если сделать более человечные междустрочный 1 и outline 3px - то буквы частично не видны, например буквы "р/д/у".

В общем решение проблемы таково: http://jsfiddle.net/gmbyz6o2/30/, хотя очень похоже на 21-й пост

Пока что для вебкит-движков придется дописывать вендорный префикс -webkit- http://caniuse.com/#search=box-decoration-break

Zick, на даче сказал вам спасибо, а дома 5 минут не мог понять почему на фидле работает, а в инспекторе - нет. Оказывается отступ после переноса был от родителя. Легкое лажанто, в общем, но все равно спасибо. :)

Была такая же задача для витрины. Порешал-порешал и порешил что и без боковых отступов хорошо и привел остальные элементы к этому решению, типа стиль такой.

---------- Добавлено 21.06.2015 в 20:12 ----------

vandamme, работает как доктор прописал. Однако мне пришлось оставить как есть - как есть, стильнее. Спасибо за проперть. И опять ишак фееричен.

---------- Добавлено 21.06.2015 в 20:18 ----------

Может быть в самое последнее время что-то поменялось в дтп-верстке, но вообще такую фичу можно изобразить только подложив под строчки плашки. Этот домен всегда был отсталым, если вы не сталкивались то вдруг захотев что-то сверстать для бумаги немедленно увидите насколько css продвинутее. Например как в люстре-индезе-кварке обвести плашку сверху черным, снизу красным? Да никак. Там же ps - постскрипт - как камень на шее. Чего в постскрипт нету - того ни у кого нету.

Точно, работает :) где вы нашли box-decoration-break? Я про него найти ничего не могу на русском. Все на буржуйском 🤣

Спасибо за решение, а то я уже забил и сделал без отступов )) если заметят применю ваше решение ))