PDA

Click to See Complete Forum and Search --> : width between bullit and text in list

Inhumanoid
Nov 12th, 2001, 08:54 AM
How can I set the width between the bullit and the text in a list =><ul><li>example</li></ul> ?
JoshT
Nov 12th, 2001, 10:38 AM
<ul>
<li><span style="padding-left:25px;">test</span></li>
</ul>
da_silvy
Nov 13th, 2001, 04:00 AM
<ul>
<li><span style="padding-left:3px;">test</span></li>
</ul>


?
JoshT
Nov 13th, 2001, 06:34 AM
Set the padding and margin to 0 then.
Inhumanoid
Nov 13th, 2001, 08:27 AM
Working with spans inside the li works great. BUT.... if the LI is multiline the second line is not alligned with the first line anymore.
This is solved by using a div tag. BUT. the div tag does not let you specify the width between the bullit and the text:


<UL Style="margin-left:16px; margin-top:0px; margin-bottom:0px; color:#000080">
<LI Style="text-indent:0px; line-height: 111%;"><span Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa </span></LI>
<LI Style="text-indent:0px; line-height: 111%;"><span Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa </span></LI>
<LI Style="text-indent:0px; line-height: 111%;"><span Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa </span></LI>
</UL>


<UL Style="margin-left:16px; margin-top:0px; margin-bottom:0px; color:#000080">
<LI Style="text-indent:0px; line-height: 111%;"><div Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa </div></LI>
<LI Style="text-indent:0px; line-height: 111%;"><div Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa </div></LI>
<LI Style="text-indent:0px; line-height: 111%;"><div Style="font-family:Verdana; color:#000080; font-size:10pt; margin-left:-3px;">blabaababa ababaalbba blababalbalablablba abalbalbalablabla albalbalbalbalbaa </div></LI>
</UL>