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:

    http://www.webcamvice.com/…

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

Next Post