JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
    <nav>
        <ul>
            <li><a href="#">test</a>
            </li>
            <li><a href="#">test</a>
            </li>
            <li><a href="#">test</a>
            </li>
            <li><a href="#">test</a>
            </li>
            <li><a href="#">test</a>
            </li>
            <li><a href="#">Ăşltimo</a>
            </li>
        </ul>
    </nav>
</div>

CSS

#menu {
    float:left;
    width:100%;
}
#menu nav {
    font:bold 1.1em 'Helvetica';
    padding-top:2px;
}
#menu nav ul {
    list-style-type:none;
    background:#367A7B;
}
#menu nav ul li#opcioActiva{
    background:#035A5B;
}
#menu nav ul li {
    float:left;
    height:40px;
    line-height:40px;
    background:#5CACAD;
    width:12%;
    text-align:center;
    margin-right:1px;
}
#menu nav ul li a{
    text-decoration:none;
    color:#FFF
}

#menu nav ul li:last-child {
    float: none;
    overflow: hidden;
    width: auto;
}