For a long time I have noticed well designed pullquotes that only had the beginning quote. The alternative was a standard text quote that was more bland but had both beginning and ending quotes. Here are some examples I found on SmileyCat.com to better illustrate what I am talking about.
The last example is a nice compromise but I prefer pullquotes with a little bit more style. It really bugs me how there is no easy, pure-CSS way of including the ending quotes. That is until now.
tag and use the pseudo-element
:first-letterwhen applied to any block element. Huzzah, this is my second favorite pseudo-element after
The only gotcha to this is according to W3C specs “Unless you’re using a transitional doctype, text should not be placed directly inside a blockquote element without block-level tags surrounding it.” In other words the text within a
should be wrapped in
tags which would break the
blockquote:first-letterstyling. This could easily be corrected by using
blockquote pas a selector and assuming you don’t have multi paragraph pullquotes. I think that is a reasonable compromise.