JSFiddle - React, Tailwind, and code Playground

by unimous

HTML

<div>
    <ol>
        <li class='a'>#include&lt;stdio&gt;</li>
        <li class='b'></li>
        <li class='c'>int main()</li>
        <li class='d'>{</li>
        <li class='e'>    printf( "Hello World Hello World Hello World Hello World Hello\n" );</li>
        <li class='f'>    return 0;</li>
        <li class='g'>}</li>
    </ol>
</div>

CSS

div {
    width: 400px;
    overflow-x: scroll;
    white-space: nowrap;
}


.a, .c, .e, .g {
    background-color: red;
}

.b, .d, .f {
    background-color: blue;
}