2007-07-18

Recent issue I ran into with coding was trying to get bullets on lists to display properly with floated content. I did a lot of searching and found found a lot of crappy solutions to a simple problem.

The issue:

You float content (image, text, whatever) to the left of a bulleted list; the bullets either get put under or on top of the floated content. You apply padding and margins all you can and it just doesn't work right

The solution:

list-style-position: inside

Apply this to your ul or ol tag.

Leave a Reply