Получение речевых меток, чтобы следовать цитате

Question

Я пытаюсь заставить речевые метки появляться в начале и в конце цитаты.

Вот ссылка на код (без картинок):

http://jsfiddle.net/tomperkins/cGDUc/

Вы можете видеть серые блоки (в данном случае я заменил изображения речевых меток серыми блоками), которые у меня есть в начале и в конце цитаты. Беда в том, что заключительная цитата находится справа.

Я бы хотел, чтобы заключительная речевая метка (или серый блок) сидела сразу после цитаты. В этом примере это произойдет сразу после «... ожидание»

Вся помощь и советы приветствуются!

Заранее спасибо,

Том Перкинс

Answer 1

HTML

<h2>On all levels they exceed our expectation</h2>

CSS

h2:before {
content: "“";
}

h2:after {
content: "”";
}

Также вы можете использовать изображения:

h2:before {
content: url(imgsrc);
}

h2:after {
content: url(imgsrc);
}

Очень упрощенный пример: http://jsfiddle.net/cGDUc/14/