Como manter o recuo da segunda linha em listas ordenadas via CSS?

Eu quero ter uma lista "interna" com marcadores de lista ou números decimais sendo todos nivelados com blocos de texto superiores. As segundas linhas de entradas da lista devem ter o mesmo recuo como a primeira linha!

Por exemplo.:

<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>

O CSS fornece apenas dois valores para sua "posição de estilo de lista" - interna e externa. Com "dentro", as segundas linhas estão alinhadas com os pontos da lista, não com a linha superior:

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

Largura "fora" minha lista não está mais com blocos de texto superiores.

Os experimentos de largura de texto-recuo, preenchimento à esquerda e margem esquerda funcionam para listas não ordenadas, mas eles falham para listas ordenadas porque dependem do número de caracteres da lista decimal:

<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." e "12" não estão nivelados com o bloco de texto superior comparado a "3". e "4".

Então, onde está o segredo sobre listas ordenadas e o recuo da segunda linha? Obrigado pelo seu esforço!

questionAnswers(14)

yourAnswerToTheQuestion