CSS Example Markerless ‘no indent’ Lists

Removing the default marker that appear to the left of lists is useful when you wish to use lists purely for semantic reasons or to fully customize visually. The below CSS removes both the marker and changes the indentation of the list so it’s inline with normal content. The combination of “padding: 0″ and “margin-left: 0″ ensures the indentation is consistent across browsers.

The HTML

    

  • News
    • 

  • Sports
    • 

  • Politics
    •

The CSS

ul {
list-style-type: none;
padding: 0;
margin-left: 0;
}

One Response to “CSS Example Markerless ‘no indent’ Lists”

  1. Mark says:
    March 23, 2011 at 3:53 am

    http://www.webcamvice.com/…

    it’s about Live Webcam Girls. For more informations, visit us!…

Next Post

This entry was posted on Tuesday, January 12th, 2010 at 7:55 pm and is filed under CSS Stylesheets. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.