JSFiddle - React, Tailwind, and code Playground

by Fredy Sudhir

HTML

<ul class="menu">
<li><a class="menuitem">First</a></li>
<li><a class="menuitem">Secondwithlongertext</a></li>
<li><a class="menuitem">Thirdbitshorter</a></li>
</ul>

CSS

ul li a.menuitem{ 
    background-color:#000;
    color:#fff;
    width: 100%;
    display:block;
}
ul li{
    background: #990000;
    width: 50%;
}
ul li a {
    text-align: right;
}