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

CSS Live Demo: :before

Type your CSS here: (any properties allowed except expression, behavior and @import) #breadcrumbs:before { content:"You are here: "; margin-right:0.5em; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <p id="breadcrumbs"> <a href="#">home</a> / <a href="#">reference</a> / <a href="#">css</a> </p>

Show me!

Your results appear here: