I want to lessen the spacing between the ordinals and the content, i.e I want to change from:
1. foo
to:
1. foo
Possible? Normal <ol><li>...content</li></ol>
The spacing between list items in an orderedlist or itemizedlist element can be minimized by the document author by adding a spacing="compact" attribute to the list element. In HTML output, the list will get a compact="compact" attribute on the list start tag to reduce spacing in the browser.
You need to use display:block and float:left on the li s to remove the space. When they're inline the browser treats them as words, and so leaves space in between.
try list-style-position:inside;
You can do it with a span
<ol>
<li><span style="margin-left: -10px">near</span></li>
<li>normal</li>
</ol>
You can also do something like this:
<ol>
<li style="text-indent: -5px">near</li>
<li>normal</li>
</ol>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With