JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="steps">
    <li class="step1 current">Shipping</li>
    <li class="step2">Payment</li>
</ol>

SCSS

ol.steps {
    $padding: 9px;

    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

    li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        padding: $padding;
    }
    & > li {
        float: left;
    }
}