Código html5
Código:
<div id="listaordenada">
<ol>
<li><span class="resaltado">Sistemas Compatibles </span>--> Son sistemas que poseen una o más soluciones. </li>
<p>Dentro de estos distinguimos dos casos:</p>
<ol>
<li><span class="resaltado">Compatibles Determinados </span> --> Poseen una única solución.</li>
<li><span class="resaltado">Compatibles Indeterminados </span> --> Poseen Infinitas soluciones.</li>
</ol>
<p>Y luego tenemos los sistemas:</p>
<li><span class="resaltado">Sistemas Incompatibles </span> --> No poseen solución alguna.</li>
</ol>
</div>
Código CSS3:
Código:
/*** INICIO LISTA ORDENADA ***/
#listaordenada ol {
counter-reset: item;
}
#listaordenada li {
display: block;
}
#listaordenada li:before {
counter-increment: item;
content: counters(item, ".") ".";
}
Imagen de lo que me genera:
Enlace directo a la imagen->[URL="http://imageshack.us/photo/my-images/841/screenshot001cj.png/"]http://imageshack.us/photo/my-images/841/screenshot001cj.png/[/URL]
Donde pone 1.3 debería poner 2.
Gracias