JSFiddle - React, Tailwind, and code Playground

by alpacalips

HTML

<ul class="menu">
        <li><a href="#">Uno</a></li>
        <li><a href="#">Dos</a></li>
        <li><a href="#">Tres</a></li>
    </ul>

CSS

.menu {
    float: left;
    background-color: #ddd;
    width: 100%;
}
.menu li {
    width: 33%;
    float: left;
    display: inline;
}
.menu li:last-child {

}
.menu li a {
    float: left;
    display: block;
    width: 100%;
    border: 1px solid black;
    margin: 5px;
    background-color: #aaa;
}
.menu li a:hover {
    color: red;
}