homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

question about lists and how to make them flush

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

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.



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

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


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

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]


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

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved