бордер на уровне начала текста

[chiffenok]

у меня небольшая проблема, надо сверстать блок с бордером такой как на картинки, в чем закавырка бордер начинает на уровне начала буквы С, но из-за line-height это не так

как получилось у меня, если посмотреть внимать там есть отступ 5px

подскажите как можно устранить это недочет желательно средствами css и без дополнительной разметки, у меня есть вариант бэграундом и воспользивотся бэкграунд позишен но так же не хотелось бы использовать картинки , может кто знает другие варианты

да и желательно что бы заканчивался на уровне букв

http://jsfiddle.net/vKem2/

Edited July 4, 2012 by chiffenok

[gift]

Думаю, должны помочь отрицательные верхнее и нижнее поле для первого и последнего абзаца внутри blockquote.

Смысл в том, что отрицательное поле заставить блочный элемент «вылезти» за границы своего родителя. Можно также поэкспериментировать в отрицательным смещением относительно спозиционированного элемента.

Сделал бы пример, но jsfiddle тупит ужасно, не могу.

[mrnobody]

Сделал через псевдоэлемент. Не знаю, подойдет вам такой способ?

http://jsfiddle.net/Nyxht/1/

Edited July 4, 2012 by mrnobody

[chiffenok]

Думаю, должны помочь отрицательные верхнее и нижнее поле для первого и последнего абзаца внутри blockquote.

Смысл в том, что отрицательное поле заставить блочный элемент «вылезти» за границы своего родителя. Можно также поэкспериментировать в отрицательным смещением относительно спозиционированного элемента.

Сделал бы пример, но jsfiddle тупит ужасно, не могу.

пробывала таким способом ни чего не получилось, поэтому собственно и написла, возможно я что то не так делала

Сделал через псевдоэлемент. Не знаю, подойдет вам такой способ?

http://jsfiddle.net/Nyxht/1/

думаю что да, спасибо, в ie7 конечно не работает но они обойдутся и обычным бордером, когда уже он уйдет в прошлое...?

[Catherine]

Ну можно и в IE7 http://jsfiddle.net/Nyxht/3/