Rendering Quotes With CSS: final example file

Rendering Quotes With CSS

This is an example on how to render quotes in a language-specific manner according to the W3C specifications.

The quotes will work in any modern browser, but unfortunately not in IE since they do not support quotes properly. You’d have to add some javascript magic to make things happen in IE – but that’s another topic.

Examples:

Generic quote and another quote inside

Swedish quote and another quote inside

Danish quote and another quote inside

Swedish quote and another quote inside with the lang attribute set in the parent <q> tag

This is a generic paragraph with a quote element inside a blockquote

Link back to article: Rendering Quotes With CSS