quiero disminuir el espacio entre los ordinales y el contenido, es decir que quieren cambiar a partir de:¿Puedo reducir el espacio entre números de li y contenido?
1. foo
a:
1. foo
Posible? Normal <ol><li>...content</li></ol>
quiero disminuir el espacio entre los ordinales y el contenido, es decir que quieren cambiar a partir de:¿Puedo reducir el espacio entre números de li y contenido?
1. foo
a:
1. foo
Posible? Normal <ol><li>...content</li></ol>
tratar list-style-position:inside;
Puede hacerlo con un lapso
<ol>
<li><span style="margin-left: -10px">near</span></li>
<li>normal</li>
</ol>
También puede hacer algo como esto:
<ol>
<li style="text-indent: -5px">near</li>
<li>normal</li>
</ol>
No, quiero _reduce_ el relleno –
Parece ser que pueda aumento el espacio usando padding-left
, pero no lo disminuya.
Creo que tendrá que conformarse con una solución alternativa, como envolver el contenido de cada elemento de la lista con una etiqueta div o span y dándole a esa etiqueta un margen negativo: a la izquierda.
Solo para el beneficio de todos, tuve el mismo problema. El problema es que no es un espacio en blanco o material de relleno como usted puede pensar sólo hay que editar el margen predeterminado que se establece de manera ...
<ol>
<li><p style="margin-left: -30">content1</p></li>
<li><p style="margin-left: -30">content2</p></li>
</ol>
esperanza que esta ayuda, que era bastante dolor.
Esto funcionaría. Sin embargo, debe negar el espacio en blanco adicional agregado a la izquierda de la viñeta, asegurándose de que sea coherente entre los navegadores. – simshaun
esto + 'text-indent' funciona. Gracias :) –
http://jsfiddle.net/5dZsM/1/ como esto? – bravedick