text wrapping of list items

[kidtortuga]

Hi all,

I'm using lists, and nested lists, to display navigation links in a left hand column. The problem is, when the text in the link is too long for the column, it wraps. This is fine, except the wrapped text isn't indented like the first row, and sits flush with the left side of the left column.

To the best of my recollection, this is unusual for html. I expected the text to wrap so that each row of an item is indented the same amount. It looks much better this way.

Is there some line of css to create this behavior? I can't find anything in the references. Thanks.

[Purple Martin]

I expected the text to wrap so that each row of an item is indented the same amount. It looks much better this way.

Yes, that would be normal behaviour. Have you by any chance got padding or margins specified for the <ul> or <ol> or <li> tags? Play with these styles (or better still remove them completely for those tags) to get the correct indenting.

[kidtortuga]

Yeah, the margin had to be specified, otherwise the images weren't showing. I also had the position as "inside".

Thanks.

[Purple Martin]

Maybe if you put the list in a div with a left-margin you could get the bullet images showing and still have the browser's default indenting.