How do I center list items inside a UL element?

by

write display:inline-block instead of float:left.

li {
        display:inline-block;
        *display:inline; /*IE7*/
        *zoom:1; /*IE7*/
        background:blue;
        color:white;
        margin-right:10px;
}

http://jsfiddle.net/3Ezx2/3/

More Related Contents:

  1. elements are not centered aligned inside the wrapper and when I set the width of the wrapper it goes out of the browser width..any solution?
  2. How can I center text (horizontally and vertically) inside a div block?
  3. Why not use tables for layout in HTML? [closed]
  4. How do I auto-resize an image to fit a ‘div’ container?
  5. How can I position my div at the bottom of its container?
  6. Can I create a div with a Curved bottom?
  7. Make CSS Hover state remain after “unhovering”
  8. How to make a HTML Page in A4 paper size page(s)?
  9. How do I not underline an element in a link?
  10. Best Practices & Considerations when writing HTML Emails [closed]
  11. Is there a way to style part of an input field’s value? [duplicate]
  12. How can I correctly select the first or the last child with CSS?
  13. Add border-bottom to table row
  14. How to set maximum height for table-cell?
  15. How does this CSS produce a circle?
  16. CSS fixed width in a span
  17. Chrome rendering issue. Fixed position anchor with UL in body
  18. Change last letter color
  19. Why is an element with position: fixed moving with a non-positioned sibling?
  20. Can a dynamic class be styled using CSS? [duplicate]
  21. CSS filter:invert not working with background-color
  22. Empty vertical space between columns in Bootstrap 4
  23. Select second last element with css
  24. Css transition from display none to display block, navigation with subnav [duplicate]
  25. Apply CSS Style on all elements except with a SPECIFIC ID
  26. Is there a way to get a textarea to stretch to fit its content without using PHP or JavaScript?
  27. Select option padding not working in chrome
  28. How to make bootstrap carousel image responsive?
  29. Background-Color of BODY tag applied to the whole HTML [duplicate]
  30. How to get horizontal scroll bar in select box in IE?

Leave a Comment