<< Go back

Ordered list

Standard
  1. Tea
  2. Coffee
  3. Milkshake
  4. Soda

<ol>
    <li>Tea</li>
    <li>Coffee</li>
    <li>Milkshake</li>
    <li>Soda</li>
</ol>


Nested

  1. Tea
    1. Earl Grey
    2. Lapsang souchong
  2. Coffee
    1. Espesso
    2. Flat White
    3. Latte
  3. Milkshake
    1. Strawberry
    2. Chocolate
  4. Soda
    1. Cola
      1. Cherry
      2. Lime
    2. Lemonade

<ol>
    <li>Tea
        <ol>
            <li>Earl Grey</li>
            <li>Lapsang souchong</li>
        </ol>
    </li>
    <li>Coffee
        <ol>
            <li>Espesso</li>
            <li>Flat White</li>
            <li>Latte</li>
        </ol>
    </li>
    <li>Milkshake
        <ol>
            <li>Strawberry</li>
            <li>Chocolate</li>
        </ol>
    </li>
    <li>Soda
        <ol>
            <li>Cola
                <ol>
                    <li>Cherry</li>
                    <li>Lime</li>
                </ol>
            </li>
            <li>Lemonade</li>
        </ol>
    </li>
</ol>


Nested/Mixed

  1. Tea
    1. Earl Grey
    2. Lapsang souchong
  2. Coffee
    1. Espesso
    2. Double
  3. Latte
    1. Oatmilk
  4. Milkshake
    1. Strawberry
    2. Chocolate
  5. Soda
    1. Cola
      1. Cherry
      2. Lime
    2. Lemonade

<ol>
    <li>Tea
        <ol class="list-circle">
            <li>Earl Grey</li>
            <li>Lapsang souchong</li>
        </ol>
    </li>
    <li>Coffee
        <ol class="list-circle">
            <li>Espesso</li>
            <li>Double</li>
        </ol>
    <li>Latte
        <ol class="list-circle">
            <li>Oatmilk</li>
        </ol>
    </li>
    <li>Milkshake
        <ol class="list-circle">
            <li>Strawberry</li>
            <li>Chocolate</li>
        </ol>
    </li>
    <li>Soda
        <ol class="list-circle">
            <li>Cola
                <ol>
                    <li>Cherry</li>
                    <li>Lime</li>
                </ol>
            </li>
            <li>Lemonade</li>
        </ol>
    </li>
</ol>