home ~ projects ~ socials

Remove The Markers On <li> Elements In Lists With CSS

Keeping The Padding

I use list-style: none; on <ul> elements to turn off the dots that normally show up as markers on the child <li> items. The items are still tabbed over, but the markers are gone.

  • alfa
  • bravo
  • charlie

CSS

.no-li-markers {
  list-style: none;
}

Remove Tab Padding

I use padding-left: 0; to remove the shift over from the tab padding when I want that effect.

  • alfa
  • bravo
  • charlie

CSS

.no-li-markers {
  list-style: none;
}

.no-li-padding {
  padding-left: 0;
}
-- end of line --