Как сделать фон для текста?

Question

[scaardssa]

Здравствуйте, как можно сделать фон для текста, примерно как на картинке:

При этом нужно, чтобы он находился в одной обертке, которая является display: inline-block, строки текста нельзя ни во что обернуть и [br] тоже использовать не вариант.
В идеале верстка должны так выглядеть:

<div class="wrapper">
 Тут текст, количество которого не известно
</div>

Также не известно какой длинны текст будет в блоке, так что перенос должен зависеть от максимальной ширины wrapper.

Comments

[Ankhena]

При этом нужно, чтобы он находился в одной обертке, которая является display: inline-block, строки текста нельзя ни во что обернуть и [br] тоже использовать не вариант.

Откуда взялись все эти условия?

Теоретически, если вы зададите 100500 теней, то проблемы останутся только для краев )))))

Answer 1

[Ross Alex]

.wrapper {
    background-color:#000;
    color:#fff;
    font-size:30px;
    text-align:center;
    line-height:160%;
}

Ну а вообще, нужно больше ясности. Может, пример кода со скрином дизайна...

Answer 2

[Макс]

Ну есть свойство background-color которое меняет цвет заднего фона определенного селектора. Например для селектора параграфов (p):

p{
 background-color: black;  /* Меняет цвет заднего вона параграфов страницы на черный */
 color: white;  /* Меняет цвет символом параграфов страницы на белый, чтобы их было видно на черном фоне*/
}

Answer 3

[Sagrana]