Topic: formatting of lists (Page 1 of 1)

I've been looking through Google results for a while and don't see an answer...

I have an unordered list, like such:

<ul>
<li>blah</li>
<li>blah</li>
<li>blah</li>
</ul>

I want to decrease the space between the line item marker (the little circle), and the line item text ("blah"). I've tried setting padding and margin to 0px, but that doesn't do it. Anyone got an idea?

Pugzly: I did do quite a bit of messing around wih CSS and lists but I'd have to dig out what I did to check what works. I would have thought that setting padding on the LI would work. You could put the text inside the LI inside a SPAN and then increase the margin if that really doesn't work.

Emps

Theoretically, you should be able to do it like:

marker-offset:5px;

I think. I got that from this page: http://www.w3.org/TR/REC-CSS2/generate.html

I wouldn't be surprised if these things weren't very well supported.

Never tried Slime's suggestions - be interesting to see how well supported it is.

The padding and margins for the <li> apply in various ways depending on the browser. Generally it applies to the whole unit though - marker and text.

Slime - thanks for the link. It was quite informative (I didn't know you could use "media=handheld" in your CSS link). Unfortunately, that marker-offset:5px; suggestion didn't work.

It's no biggie. I was going to replace a small table with a <UL>, but I don't really have to. I was trying to remove most of the tables from a page that contained about 15. I'm down to 4....