17 April 2011

Center floating divs or menus or any kind of floats using css.

Source code viewer
  1. <style type="text/css">
  2. #menu-wrapper{position:relative;left:-50%;float:right}
  3. ul{position:relative;left:50%}
  4. li{display:block;float:left}
  5. </style>
  6. <div id="menu-wrapper">
  7. <ul>
  8. <li>Link 1</li>
  9. <li>Link 2</li>
  10. <li>Link 3</li>
  11. </ul>
  12. <div style="clear:both"></div>
  13. </div>
Programming Language: CSS