StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>lack of .css and html unable me to answer you. About : Is there any way to remove this spacing? <strong>YES there is</strong>.</p> <p>try this :</p> <pre><code>ol, li{list-style-position:outside;margin:0;padding:0} </code></pre> <p>or</p> <pre><code>ol, li{list-style-position:inside;margin:0;padding:0} </code></pre> <p>Let me guess ? You didn't reset your .css ?? (margin:0;padding:0)</p> <hr/> <p>Ok, i can see what you want .. and sadly, you wont be able to achieve what you want this way becose the 'padding in between the bullet and first character is 'browser-specific' and <strong>unmanagable</strong> through css.</p> <p>You will have to use another technique : background image.</p> <pre><code><ul> <li class="node">1</li> <li class="node">2</li> <li class="node">3</li> <li class="node">4</li> <li class="node_end">5</li> </ul> ul, li { margin: 0; padding: 0; } li { font-size:16px; line-height:16px; list-style-type:none; background:red url('http://placehold.it/16x16') no-repeat scroll 0 0; padding-left:16px; border-bottom:1px solid blue; } li.node_end { background:blue url('http://placehold.it/16x16') no-repeat scroll 0 0; } </code></pre> <p><a href="http://jsfiddle.net/2RtB7/1/" rel="nofollow noreferrer">http://jsfiddle.net/2RtB7/1/</a></p> <p>Carry on</p> <p>PS, try to search a little more before asking for help --> <a href="https://stackoverflow.com/questions/4373046/css-control-space-between-bullet-and-li">CSS: Control space between bullet and <li></a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload