CSS - переполнение текста: многоточие вызывает исчезновение номера

В настоящее время я использую многоточие для усечения элементов списка заказов, длина которых превышает одну строку. Однако из слишком длинных li, для которых требуется многоточие, автоматически удаляется число слева. Есть ли способ предотвратить это?

Без css элементы списка имеют номера.

<style>    
#test li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;    
}
</style>

<ol id="test" style="width:100px;">
    <li>test1</li>
    <li>test1</li>
    <li>toooooooooooooooooo loooooooooooooooooonnnnnnnnnnnnnnggggggg</li>
    <li>test1</li>
    <li>test1</li>
    <li>test1</li>
</ol>