[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