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!

Advertisement

March 4, 2010. Tags: , . How-To.

Leave a Comment

Be the first to comment!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Trackback URI

Follow

Get every new post delivered to your Inbox.