UL or LI not wrapping correctly

June 30th, 2006, 7:09 am

Situation: creating a list using image bullets. when the text wraps to the next line, it goes under the bullet. is there a way the text will line up on all lines? The reason i have 0 padding and margin, is so the bullets are right at the edge to the page, not indented.

WHAT HAPPENS:

Code: [ Download ] [ Select ]

+ blah blah.....
blah blah blah

1. + blah blah.....
2. blah blah blah

WHAT I WANT TO HAPPEN

Code: [ Download ] [ Select ]

+ blah blah.....
 blah blah blah

1. + blah blah.....
2.  blah blah blah

Code: [ Download ] [ Select ]

<style type="text/css">

ul {
list-style: disc url(images/icons/bullet_home.gif) ;
padding: 0px;
margin: 0px;
list-style-position: inside;

}

</style>

1. <style type="text/css">
3. ul {
4. list-style: disc url(images/icons/bullet_home.gif) ;
5. padding: 0px;
6. margin: 0px;
7. list-style-position: inside;
9. }
11. </style>

Code: [ Download ] [ Select ]

<ul>
<li>text here -------------- - - - - - - - - - - - - - - - -- - - -- - - - - -- - - - - - - - - - -- - - - - - - - - - - - - - - - </li>
</ul>

1. <ul>
2. <li>text here -------------- - - - - - - - - - - - - - - - -- - - -- - - - - -- - - - - - - - - - -- - - - - - - - - - - - - - - - </li>
3. </ul>

[joebert]

June 30th, 2006, 2:57 pm

Have you tried outside for list-style-position ?

July 2nd, 2006, 7:40 pm

remove the list-style-position

that's ll