• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Generated Content
  5. quotes
  6. CSS Live Demo: quotes (this page)
• See also: All Live Demos

CSS Live Demo: quotes

Type your CSS here: (any properties allowed except expression, behavior and @import) :lang(en) q { quotes:"\201c" "\201d"; } :lang(fr) q { quotes:"\00ab" "\00bb"; } q:before, q:after { font-size:2em; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <p lang="en"><q>I don't know</q></p> <p lang="fr"><q>Je ne sais quoi</q></p>

Show me!

Your results appear here: