advertisement
Login | Register   
  Include Code  Search Tips
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   TIP BANK
Browse DevX
Partners & Affiliates
advertisement
advertisement
advertisement
advertisement
 

CSS: Spacing and Areas

Learn to use proper spacing and make good use of your Web pages. 

advertisement
SS is an integral part of the future of the Web. You'll need it in your toolkit sooner rather than later. It is particularly important with the advent of XML. Clear
{clear: none/left/right/both}
The clear property lets you specify whether to float the element or to have it clear to below other elements. The effect is similar to the effect of using the HTML tag <br clear=left/right/all>. Current browsers inconsistently support the clear property, so it is probably better to use the <br clear=all> tag.

The value none allows other elements to flow around an element. Left clears an element below elements to the left. Right clears an element below elements to the right.

Example:


img {clear: left}
logologo
Here are two Project Cool logos. If you are using a CSS-1 compliant browser, the first Project Cool logo is aligned to the left and the second logo appears to the right of the first.

  Next Page: Float

      Register for free to read this and other premium DevX content!

      Already Registered? Click here to Login

  • About You

  • Contact Information

  • - -      Ext: (optional)
  • Company Information




  • Create Password

Page 1: ClearPage 10: Border Bottom
Page 2: FloatPage 11: Border-Bottom- Width
Page 3: HeightPage 12: Border Right
Page 4: WidthPage 13: Border Right Width
Page 5: Border ColorPage 14: Border Left
Page 6: Border StylePage 15: Border Left Width
Page 7: Border WidthPage 16: Border
Page 8: Border TopPage 17: Margin
Page 9: Border Top WidthPage 18: Padding
advertisement