CSS zarovnání dlouhého řádku při automatickém číslování

[padlo]

Ahoj, narazil jsem na problém který nemůžu vyřešit a už se v něm plácam pěkně dlouho. Mám pomocí tutoho vygenerovanej automaticky číslovanej seznam. Problém je, že položky seznamu jsou dlouhý a jejich druhej řádek utopí ty čísla. Vypadá to nějak takhle

Kód: Vybrat vše

1. Polozka1
   1.1 Podpolozka1.1
   pokracovani podpolozky 1.1.
   1.2 Podpolozka1.2 atd.

Pomocí paddingu to vypadá o maličko líp, ale ideální by bylo, kdyby se ty položky zarovnávaly bez toho čísla, který by bylo vystrčený dopředu takhle. Díky za pomoc  :) 

1. Polozka1
   1.1 Podpolozka1.1
        pokracovani podpolozky 1.1.
   1.2 Podpolozka1.2 atd.

ol {
counter-reset: section;
list-style-type: none;
}

ol li { counter-increment: section; }

ol li:before{ content: counters(section, ".") ". "; padding-left: 30px;
}