Нумерованный список с повторяющимися номерами

Question

Если я пишу следующий код:

<ol> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Milk</li> 
    <li>Rice</li> 
    <li>Bread</li> 
</ol> 

я доберусь

1. Coffee 
2. Tea 
3. Milk 
4. Rice 
5. Bread 

Какой код я должен написать, если я хочу иметь следующий результат:

1. Coffee 
2. Tea 
2. Milk 
4. Rice 
5. Bread 

Что-то вроде этого было бы в порядке:

<ol> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li class="same_number_as_previous">Milk</li> 
    <li>Rice</li> 
    <li>Bread</li> 
</ol> 

Answer 1

Ditch фондовый счетчик и использовать пользовательские CSS2 Counter:

ol { 
 
    counter-reset: foo 0; 
 
    list-style-type: none; 
 
} 
 
ol li { 
 
    counter-increment: foo 1; 
 
} 
 
ol li.dont-increment { 
 
    counter-increment: foo 0; 
 
} 
 
ol li:before { 
 
    content: counter(foo) "."; 
 
    /* bells and whistles */ 
 
    float: left; 
 
    width: 2em; 
 
    margin-left: -2.5em; 
 
    text-align: right; 
 
}

<ol> 
 
    <li>Coffee</li> 
 
    <li>Tea</li> 
 
    <li class="dont-increment">Milk</li> 
 
    <li>Rice</li> 
 
    <li>Bread</li> 
 
</ol>

Answer 2

ли это нормально?

ol { 
 
    
 
    margin: 0; 
 
}

<ol> 
 
    <li>Coffee</li> 
 
    <li>Tea</li> 
 
</ol> 
 
<ol start=2> 
 
<li>Milk</li> 
 
    </ol> 
 
    <ol start=4> 
 
    <li>Rice</li> 
 
    <li>Bread</li> 
 
    </ol>