question about lists and how to make them flush

[slimrob]

Hi all,
I am trying to figure out how to make a list flush using css. For example:

» Hear is item one
it wraps like this

» Hear is item two
it wraps like this

I would like it to look like this: (the -- should be white space...didn't know how to capture that in the post.)

» Hear is item one
--it wraps like this

» Hear is item two
--it wraps like this

I've been using   to indent the second line, but this will get hard to manage very quickly. Thanks for any help you guys can give me.

[paigehowarth]

"list-style-position: outside" should work!

[PSWorx]

Firstly it should be wrapping fine unless you have applied some styling which cocks it up, the below css removes padding and margin and the list style and will wrap like a normal paragraph.

ul, li {
list-style: none;
padding: 0px;
margin: 0px;
}

Have u changed any of the styling for the list elements?

[edited by: PSWorx at 3:05 pm (utc) on Mar. 14, 2007]

[slimrob]

Thanks guys! I have sinced figured it out. Yes, there was some styling that was causing problems.