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

CSS Live Demo: bottom

Type your CSS here: (any properties allowed except expression, behavior and @import) #logo { position:relative; bottom:10px; } #logo { border:3px solid #006; font-size:2em; color:#006; padding:10px; margin:0; float:left; } #header { float:left; border:3px solid #f90; }

Type your HTML here: (any tags allowed except script, iframe, frame, object, img and embed) <div id="header"> <p id="logo">SitePoint</p> </div>

Show me!

Your results appear here: