Preview:
<div class="list__container">
    <ol>
        <li class="list__item">Item1</li>
        <li class="list__item">Item2</li>
        <li class="list__item">Item3</li>
    </ol>
</div>

<div class="list__container">
    <ol class="list__style--upperAlpha">
        <li class="list__item">Item1</li>
        <li class="list__item">Item2</li>
        <li class="list__item">Item3</li>
    </ol>
</div>

<div class="list__container">
    <ol class="list__style--lowerAlpha">
        <li class="list__item">Item1</li>
        <li class="list__item">Item2</li>
        <li class="list__item">Item3</li>
    </ol>
</div>

<div class="list__container">
    <ol class="list__style--lowerRoman">
        <li class="list__item">Item1</li>
        <li class="list__item">Item2</li>
        <li class="list__item">Item3</li>
    </ol>
</div>

<div class="list__container">
    <ol class="list__style--upperRoman">
        <li class="list__item">Item1</li>
        <li class="list__item">Item2</li>
        <li class="list__item">Item3</li>
    </ol>
</div>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter