Christopher Balchin | Website Developer » CSS Stylesheets http://www.chrisbalchin.co.uk Website Developer Mon, 12 Apr 2010 23:39:56 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 CSS Example Markerless ‘no indent’ Lists http://www.chrisbalchin.co.uk/blog/css/css-example-markerless-and-no-indent-lists http://www.chrisbalchin.co.uk/blog/css/css-example-markerless-and-no-indent-lists#comments Tue, 12 Jan 2010 19:55:33 +0000 Christopher Balchin http://www.chrisbalchin.co.uk/?p=29 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;
}
]]> http://www.chrisbalchin.co.uk/blog/css/css-example-markerless-and-no-indent-lists/feed 0