Как сделать горизонтальный отступ у inline элемента при переносе строки?

Question

[Андрей]

Доброго времени, в первый раз столкнулся и впал в ступор. Есть у меня строковый элемент, текст, с не фиксированной длинной, у этого текста есть фон, есть и отступ по горизонтали, вроде бы все хорошо, но когда предложение переносится на новую строку то логично, отступа нет, ни перед переносом, ни после. Вот пример f6.s.qip.ru/Kzjlda7Z.png возможно ли сделать стандартными средствами CSS чтобы отступ был перед началом и концом строки, при автоматическом переносе строки? не применяя разделителей?

Answer 1

[Владимир Дремучий]

Решение есть по ссылке

Answer 2

[Павел Радьков]

codepen.io/paulradzkov/pen/ejyHK — решение на box-shadow, без учета старых браузеров.

Comments

[Владимир Дремучий]

Определенно нравиться ваш вариант.