There are times when you may need to adjust the space between the bullet and the text when using HTML lists (such as <UL>, <OL>, etc.)
This should be a simple thing to do, yet it isn't. However the solution is quite simple.
Instead of using the native image replacement in css for a bullet, we take advantage of the background-image property in css to display an image and also adjust the text spacing at the same time. By specifying a background image for the LI and padding-left property, this will move the text over an appropriate amount.
In the example below, we adjust the padding-left to 20 pixels:
Copyright 2017 Alter Procedure All Rights Reserved