I would like "Item 1 lorem ipsum dolor elim" to be indented in the same manner
as Item 2.
Problem:
Collection list- Item 1 lorem ipsumdolor elim- Item 2
Want it to look like:
Collection list- Item 1 lorem ipsum dolor elim- Item 2
The difference is that the "Item 1 lorem ipsum dolor elim" wraps and "Item 2"
does not. The dash is an image. Everything works but the wrap. I do not want to
use a table and this needs to be cross browser. Help.
CODE:
"ul.dash li { display: inline; margin: 0px 0px 0px -40px;
text-align: left; /*set to left, center, or right to align the menu as
desired*/ text-indent: 0px; line-height: 14px; list-style-position:
outside; background-image: url(../images/global/gfx_7x5_bullet_dash.gif);
background-repeat: no-repeat; background-position: 0 .6em;
}.dash{ margin: 0px 0px 0px 0px; }
<body>
Collection list <div class="dash"> <ul class="dash"> <li>Item 1 lorem ipsum
dolor elim</li> <li>Item 2</li> </ul></div>
</body>"
_________________________________________________________________
Want to do more with Windows Live? Learn “10 hidden secrets” from Jamie.
http://windowslive.com/connect/post/jamiethomson.spaces.live.com-Blog-cns!550F681DAD532637!5295.entry?ocid=TXT_TAGLM_WL_domore_092008
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
