Quiero tener una lista "interna" con viñetas de lista o números decimales al mismo nivel que los bloques de texto superiores. ¡Las segundas líneas de las entradas de la lista deben tener la misma sangría que la primera fila!

P.ej.:

<code>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean commodo ligula eget dolor. Aenean Aenean massa. 
Cum sociis natoque penatibus et magnis dis parturient montes, 
nascetur ridiculus mus. Donec quam felis,

1. Text
2. Text
3. longer Text, longer Text, longer Text, longer Text, longer Text, longer Text
   second line of longer Text
4. Text

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Aenean commodo ligula eget dolor. 
</code>

CSS proporciona solo dos valores para su "posición de estilo de lista": interior y exterior. Con "adentro", las segundas líneas están alineadas con los puntos de la lista, no con la línea superior:

<code>3. longer Text, longer Text, longer Text, longer Text, longer Text, longer Text
second line of longer Text
4. Text
</code>

El ancho "fuera" de mi lista ya no está al ras de los bloques de texto superiores.

Los experimentos amplían la sangría de texto, el relleno a la izquierda y el margen izquierdo para las listas desordenadas, pero fallan en las listas ordenadas porque depende de la cantidad de caracteres del decimal de la lista:

<code> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
 Aenean commodo ligula eget dolor. 

 3. longer Text, longer Text, longer Text, longer Text, longer Text, longer Text
    second line of longer Text
 4. Text
11. Text
12. Text
</code>

"11". y "12". no están al ras con el bloque de texto superior en comparación con "3". y "4".

Entonces, ¿dónde está el secreto de las listas ordenadas y la sangría de la segunda línea? ¡Gracias por tu esfuerzo!