• 
• 1. SitePoint
  2. Reference
  3. CSS
  4. Selector Reference
  5. Pseudo-elements
  6. :after
  7. CSS Live Demo: :after (this page)
• See also: All Live Demos

CSS Live Demo: :after

Type your CSS here: (any properties allowed except expression, behavior and @import) span.centimeters:after { content:"cm"; color:#cccccc; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <dl> <dt>Length</dt> <dd><span class="centimeters">50</span></dd> <dt>Width</dt> <dd><span class="centimeters">7</span></dd> </dl>

Show me!

Your results appear here: