Welcome to WebmasterWorld Guest from 54.226.147.190

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)

5+ 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)

5+ 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)

5+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month