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

CSS Live Demo: ID Selector

Type your CSS here: (any properties allowed except expression, behavior and @import) #breadcrumbs { border:3px double #666; background:#ffd; } #breadcrumbs, #breadcrumbs li { margin:0; padding:0; list-style-type:none; float:left; } #breadcrumbs { padding:5px 5px 5px 10px; } #breadcrumbs li { padding-right:5px; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <ol id="breadcrumbs"> <li><a href="#">Home</a> &gt;</li> <li><a href="#">Reference</a> &gt;</li> <li>CSS</li> </ol>

Show me!

Your results appear here: