CSS List Item Demo

The following demonstrates using CSS for:

• Removing the default bullet point from these list items.
• positioning of an image that replaces a list bullet and the image is taller than the default list item line height and wider than the default left margin.

NOTE: Using the CSS property list-style-image does not work properly when the image is larger than the line-height, AFAIK. Instead, the CSS background property is used on the list item element.

---

• Image dimensions are: 80px x 68px
• Lorem ipsum dolor sit amet.
• Harum eos quisquam placeat quidem!
  • Enim rerum, impedit numquam earum.
  • Enim rerum, impedit numquam earum.
  • Officiis eos et non accusantium.
    • Iusto repellat doloribus ab nulla.
    • Eius ut ex molestias, soluta.
      • Sapiente incidunt commodi, blanditiis qui.
      • Ab, officiis, maiores! Commodi, quibusdam!
      • A eaque, dolore aliquam autem.
    • Eveniet porro, facere debitis distinctio.
    • Cum, ex odio et cumque.
  • Inventore harum dolores, voluptatum vitae.
  • Facilis expedita velit consectetur et.
• Quisquam odio delectus illo, amet?
• Eaque accusantium modi, commodi minus!