How can I set the width between the bullit and the text in a list =><ul><li>example</li></ul> ?
Printable View
How can I set the width between the bullit and the text in a list =><ul><li>example</li></ul> ?
Code:<ul>
<li><span style="padding-left:25px;">test</span></li>
</ul>
?Code:<ul>
<li><span style="padding-left:3px;">test</span></li>
</ul>
Set the padding and margin to 0 then.
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:
Code:<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>
Code:<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>