CSS ола, литий, маржа и обивка

Question

У меня есть некоторые проблемы:

Я использую что-то вроде этого:

<ol> 
 
    <li>Titel</li> 
 
    <ol> 
 
    <li>Content</li> 
 
    <li>Content</li> 
 
    </ol> 
 
    <li>Titel</li> 
 
    <ol> 
 
    <li>Content</li> 
 
    <li>Content</li> 
 
    </ol> 
 
</ol>

Я теперь с помощью Перетяжка 70px и а маржа -30px по всем заголовкам. Это работает в полном объеме, так как содержимое не длиннее 1 строки или длиннее 3 строк. Как только будут только две строки, число из моего контейнера ol находится в совершенно неправильном месте.

Я не знаю, достаточно ли информации о моей проблеме, но если у вас есть решение или даже лучшее объяснение для этого, это будет здорово.

Большое спасибо

Edit:

Я извиняюсь, но я нашел свою ошибку вскоре после того, как я задал этот вопрос, ошибка была не в HTML, который не был написан мной, но созданный программу, которую я использую. Мне понадобилась эта отрицательная маржа, чтобы создать привязку на моем веб-сайте, поэтому, если вы нажмете эту конкретную ссылку, она перейдет к этой точке с разницей вверх. В итоге я создал невидимый divcontainer, который я переместил к этому моменту.

К сожалению для этого

Answer 1

Для создания действительного HTML вам нужно гнездо ПР теги в ваших LI теги, так это должно выглядеть, как показано ниже. Посмотрите, поможет ли это.

<ol> 
    <li>Titel 
     <ol> 
     <li>Content</li> 
     <li>Content</li> 
     </ol> 
    </li> 
    <li>Titel 
     <ol> 
     <li>Content</li> 
     <li>Content</li> 
     </ol> 
    </li> 
</ol> 

Answer 2

<ol> 
 
    <li>Titel</li> 
 
    <ol> 
 
    <li>Content</li> 
 
    <li>Content</li> 
 
    </ol> 
 
    <li>Titel</li> 
 
    <ol> 
 
    <li>Content</li> 
 
    <li>Content</li> 
 
    </ol> 
 
</ol>