[thelist] Hanging indent

Peter-Paul Koch gassinaumasis at hotmail.com
Thu Aug 23 09:55:08 CDT 2001



> > Can you elaborate on what you mean? I don't see anything interesting 
>with either IE5.5 or Mozilla.
>
>What I want to achieve is a hanging indent. At present, when the text 
>wraps, it appears below the bullet point. I want it to appear inline with 
>the text above it.

You might try

li {list-style-position: outside;}

I've never tried it on a LI without a UL, but it should do what you want.

>Putting the <UL> and </UL> tags around the list makes the hanging indent 
>work, but adds a chunk of whitespace below the list. Any ideas how to 
>remove the whitespace but keep the hanging indent?

Even worse, in Netscape it adds a chunk of whitespace to the left of the 
bullets. This is because NN and IE fundamentally disagree where the margin 
of a UL/OL starts: to the left of the text or to the left of the bullet? 
This is a very annoying problem that I haven't found an easy solution for.

You might get rid of the bottom margin by

ul,li {margin-bottom: 0px;
  padding-bottom: 0px;}
(so for both the UL and the LI)

ppk

_________________________________________________________________
Get your FREE download of MSN Explorer at http://explorer.msn.com/intl.asp





More information about the thelist mailing list