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

CSS Live Demo: float

Type your CSS here: (any properties allowed except expression, behavior and @import) #nav { float:left; } #nav, #nav li { margin:0; padding:0; list-style-type:none; } #nav { border:2px solid orange; background:#fec; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <ul id="nav"> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact us</a></li> </ul> <p>The preceding list is a navigation bar.</p>

Show me!

Your results appear here: