Customizing Unordered Lists

I occasionally see people on lists and forums asking how they can customize bulleted lists. This is about all you need to know:

.disc {list-style:disc}

  • this is
  • a disc

.square{list-style:square}

  • this is
  • a square

.circle {list-style:circle}

  • this is
  • a circle

.image {list-style-image:url(http://www.markme.com/cantrell/images/mm_bullet.gif)}

  • these are
  • custom bullets