Timeline for answer to CSS: Control space between bullet and <li> by Joel

7 events

when toggle format	what		by	license	comment
Jul 14, 2024 at 16:25	history	edited	Vanuan	CC BY-SA 4.0	added 149 characters in body
Apr 15, 2016 at 15:59	comment	added	Yann Chabot		I would NEVER use background image for this. You can always use the :before element with the content: "•"; then, you use padding and absolute position on that before element to control it.
Mar 12, 2016 at 8:08	comment	added	Bachsau		Using background images for anything that is not just that is almost always a very bad idea. They can't be saved, are not printed and not mentioned by screen readers. Using <span> ist most elegant way to solve this. paddings will not work as they also change position of the bullets.
Jun 5, 2013 at 15:33	comment	added	Kevin M		If you have text that wraps lines I found that I had to add `display: block;` to the span element for so the wrapped text would line up as well ( I also ended up using anchor tags instead of spans )
Feb 27, 2013 at 20:51	comment	added	FlipMcF		The span element is the fix for me. I +1'ed this answer only because I preferred negative margin to negative absolute positioning - for no good reason.
Aug 14, 2012 at 15:04	comment	added	Tom Auger		Great answer. For #2 to work, be sure you maintain your list-style-position to `outside`.
Feb 1, 2012 at 16:34	history	answered	Joel	CC BY-SA 3.0