让语音标记跟随引用

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/< /a>