How-To: Make sure that custom bullets are aligned with the list text

Instead of setting the list-style-image to your custom bullet, use this way instead:

ul li
{
list-style: none;
background: url(IMAGE_URL) no-repeat center left;
padding-left: VALUE;
}

Works like a charm!

March 4, 2010. Tags: , . How-To. Leave a comment.

Follow

Get every new post delivered to your Inbox.