JSFiddle - React, Tailwind, and code Playground

by cmunns

HTML

<ul>
<li class="active button"></li>
<li class="button"></li>
<li class="button"></li>
</ul>

CSS

.button {
    width:100px;
    height:30px;
    background:#AAA;
    border:4px solid transparent;
    display:block;
    float: left;
    margin-right:10px;
}

.active.button {
    border:4px solid #555;
}