css оформление цитаты

[uncle BOO]

Приветствую, всех!

В нете примера такого решения оформления цитаты не нашёл, а сам не догоняю как такое сделать:

Вот, как такое записать в стиль?:

Чтоб в блоке слева был автор, а сама цитата дистанцировалась от фамилии и выравнивалась слева, не заползая под фамилию.

На цвета сайта прошу не смотреть, я в экспериментах

Чтобы объяснить, что я хочу, для скрина я сделал так:

blockquote {
font-style:italic;	
background-color:#333333;
color: #f9d649;
margin-left: 45px; 
text-align:justify; 
font-size:17px;
}
.chel {
 color: #FF0;
 margin-left: 10px;
 font-weight: bold;
 font-style:normal;
}

html полностью не привожу, так как там пробелов миллион, только принцип:

<blockquote><span class="chel">Толстой:</span>  «Был бы у меня Интернет, я бы читал чужие блоги. Был бы у меня блог, я бы постоянно думал о
 его<br> ... апгрейде.<br> ...
И школьники не мучались бы на лит-ре.»</blockquote>

Помогите, пожалуйста, сделать такое цитирование.

[mrnobody]

А если через text-indent с отрицательным значением сделать? Только придется блок подвинуть вправо.

Или еще можно через псевдоэлемент :before, тогда нужно будет задать относительное позиционирование, а .chel задать абсолютное и разместить его относительно <blockquote>.

http://jsfiddle.net/e3F8h/

Edited July 17, 2012 by mrnobody

[Yazon_Nile]

http://jsfiddle.net/Cj2dj/4/

mrnobody ,

зачем выдумывать велосипед?

Edited July 17, 2012 by Yazon_Nile

[mrnobody]

Блин, как я так

У вас в 100 раз проще.

[uncle BOO]

Большое СПАСИБО, Вам за отклик и помощь!

Ура!