The CSS
.main blockquote p:first-child:before {
content: '“';
position: absolute;
top: 7px;
left: 0;
}
.main blockquote p:last-child:after {
content: '”';
float: right;
position: absolute;
bottom: -9px;
right: 7px;
}
The Code
<blockquote>
<p>A quote about many wonderful things...</p>
</blockquote>
This works in most browsers… in IE8, I only get the before quote… what am I missing?
last-childdoes not support ie8. You have to use jquery for doing so