JSFiddle - React, Tailwind, and code Playground

by pertrai1

HTML

<nav>
<ul id="main-menu" role="navigation">
    <li class="active">List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
</ul>
</nav>

CSS

#main-menu li {
    display: inline-block;
    margin: 0 5px 0 0;
}

#main-menu li:hover {
    border: 1px solid #000;
}

.active {
    color: #f00;
}