PDA

View Full Version : CSS - NOT indenting list styles ... HELP


des55
09-09-2002, 09:03 PM
Is there any way that when doing a bulleted list, that the indent can be "removed" so the list stays evenly distributed beneath a parent paragraph?

* note, that I still want to maintain the bulleted look without having a line run back into the bullet like below:

(don't want:)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

1. this is a test, this is only a test, this is
a test of the ...

- versus -

(DO want:)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

1. this is a test, this is only a test, this is
>>a test of the ...

Thanks in advance, Des

beetle
09-09-2002, 09:06 PM
li {
margin-left: 0px;
}

des55
09-09-2002, 09:10 PM
I tried this, but I still need the text to behave so that it doesn't return carriage underneath the bullet. Need to have it "tabbed" over even below the first line of the bullet ...

Understand?

Reference the second example in the original message ">>" represent spacing ...

sbelletti
09-09-2002, 09:48 PM
Try playing around with this...

li
{ margin-left: -22px;
}

umm
09-09-2002, 10:03 PM
I think this is it:

<ul style="list-style-position: outside">

you can have 'outside' or 'inside' values.