Forum Moderators: not2easy

Message Too Old, No Replies

question about lists and how to make them flush

         

slimrob

5:10 pm on Mar 8, 2007 (gmt 0)

10+ Year Member



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

5:48 pm on Mar 8, 2007 (gmt 0)

10+ Year Member



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

PSWorx

3:03 pm on Mar 14, 2007 (gmt 0)

10+ Year Member



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

9:35 pm on Mar 14, 2007 (gmt 0)

10+ Year Member



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