tag alignment

[PaulT]

I'm trying to figure out a way to align bulleted text (or numbered text) along the left margin instead of having it indented.

Can I do something to the margins or padding that will make this happen. I've been experimenting but with no luck.

Of course, it would be nice if the solution was cross browser/platform consistent.

TIA

[ljm]

Add this to your CSS:

// FOR THE li TAG
margin: 0;
padding: 0;

// FOR THE ul TAG
list-style: none;
margin: 0;
padding:0;

Feel free to correct me. I'm not sure if setting the margin and padding is required for both, or just one of the two.

[Shadowfiend]

Meh. For safety's sake, I always set it on both. You never know what IE out there could have margins set on the ul, too...

[PaulT]

This worked, except I wanted to keep the bullets.

You got me started though. By changing the list-style to "disc" (or using the default) and adjusting the left margin in the <ul> to "15px" it did what I wanted it to do. I had to experiment with the size of the left margin; 15 seems to be the right number.

Tested on Firefox, Safari, and IE (on a PC - Firefox and Netscape on a PC as well). Latest versions of all. They all looked okay.

Firefox (both platforms) and Netscape were a couple pixels to the right of flush left, but close enough for my purposes.

Thanks for the help.

// FOR THE li TAG
margin: 0px;
padding: 0px;

// FOR THE ul TAG
list-style: disc;
margin: 0px 0px 0px 15px;
padding: 0px;