Adding Custom Bullets with Background Images

The li element has a background image with background position and padding parameters adjusted to get the bullet in the desired location.

li {
background-image: url(arrow.png);
background-repeat: no-repeat;
background-position: 0.1em 0.25em;
padding-left: 1.5em;
margin-bottom: 1em;
}

The container width was set narrow enough to force text to wrap, so we could see what happens to second line indent and bullet position

The background-position is listed in sequence left, top.