Contract Web Developer

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.

News
Sports
Politics

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