Как добавить отступы (слева и справа) к каждой строке в CSS2 только с одним SPAN? Сложный? ⇐ CSS

[Anonymous]

Я не могу найти решения этой проблемы.

Вот какой рендер мне нужен:

http://jsfiddle.net/kQSxb/

HTML:

Код: Выделить всё

Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed
do eiusmod tempor incididunt.

CSS:

Код: Выделить всё

#wrapper {
width: 600px;
height: 600px;
background-color: #eeeeee;
float: left;
}
#container {
width: 500px;
margin-top: 30px;
float: left;
}
#container span {
background-color: red;
padding-left: 20px;
padding-right: 20px;
font-size: 30px;
margin-bottom: 3px;
display: inline-block;
}

Можно ли получить именно этот рендеринг (отступы слева и справа для каждой строки, поля между каждой строкой) только с ОДНИМ (или или ) в #container?

Я хочу добавить отступы - к слева и справа — каждая строка.

Итак, слова consectetur и do должны иметь отступы слева, а слова amet, sed (и точка) должны иметь правильное дополнение.

Если нет, можно ли это сделать с помощью CSS3 или, может быть, с помощью взлома jQuery?

Спасибо!

ps: извините, ребята, я неясно выразился достаточно. Я отредактировал свой пост. :-/

Подробнее здесь: https://stackoverflow.com/questions/838 ... -span-tric