Posso ridurre la spaziatura tra i numeri li e il contenuto?

Question

Voglio ridurre la spaziatura tra gli ordinali e del contenuto, cioè voglio cambiare da:

1. foo 

a:

1. foo 

possibile? Normale <ol><li>...content</li></ol>

Answer 1

provare list-style-position:inside;

Answer 2

Puoi farlo con una campata

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

Si può anche fare qualcosa di simile:

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

Answer 3

Risulta possibile aumento lo spazio usando padding-left, ma non diminuirlo.

Credo che dovrai accontentarti di un work-around alternativo, come ad esempio il wrapping di ogni contenuto di una lista con un tag div o span e dando a quel tag un margine negativo a sinistra.

Answer 4

Giusto per il beneficio di tutti, ho avuto lo stesso problema. Il problema è che non è spazi bianchi o imbottitura come si potrebbe pensare non resta che modificare il margine predefinito che viene impostata in modo ...

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

speranza che questo aiuti, era piuttosto un dolore.