JSFiddle - React, Tailwind, and code Playground

by amindunited

HTML

<div class="mod-wrap">
    <div class="tabs-wrap">
        <ul>
            <li class="first">One</li>
            <li>Two</li>
            <li>Three</li>
            <li class="last">Four</li>
        </ul>
    </div>

    <div class="content-wrap">
        <ul>
            <li class="first"></li>
            <li></li>
            <li></li>
            <li class="last"></li>
        </ul>
    </div>
</div>

CSS

ol, ul {list-style:none; margin:0px; padding:0px; border: none;}
li {list-style:none; display:inline; padding: 10px 5px 0px 5px; background-color: #738F00; margin:0px}