liの数字と内容の間隔を小さくすることはできますか？

Question

私はすなわち、私はから変更したい、序数とコンテンツの間の間隔を軽減したい：に

1. foo 

：

1. foo 

可能？通常<ol><li>...content</li></ol>

Answer 1

をあなたがスペースを増やすことができます表示されますlist-style-position:inside;

Answer 2

あなたはまた、このような何か行うことができますスパン

<ol> 
    <li><span style="margin-left: -10px">near</span></li> 
    <li>normal</li> 
</ol> 

でそれを行うことができます。

<ol> 
    <li style="text-indent: -5px">near</li> 
    <li>normal</li> 
</ol> 

Answer 3

を試してみてくださいpadding-leftを使用しますが、それを減らしません。

divやspanタグで各リスト項目の内容をラップし、そのタグに負の余白を付けておくなど、別の回避策を講ずる必要があると思います。

Answer 4

皆のために、私は同じ問題がありました。問題は、それが非常に苦痛だった、このことができます...あなたがちょうどそう設定されているデフォルトのマージンを編集する必要が思うかもしれないとして、空白やパディングであることを

<ol> 
    <li><p style="margin-left: -30">content1</p></li> 
    <li><p style="margin-left: -30">content2</p></li> 
</ol> 

希望です。