JSFiddle - React, Tailwind, and code Playground

by Manna

HTML

<ul class="nav">
    <li class="first"><a>Item 1</a></li>
    <li class="second"><a>Item 2</a></li>
</ul>

CSS

ul.nav { width: 100%}
ul.nav li { display: list-item; float: left; background: #ddd; border: 1px solid #fff }
ul.nav li.first { width: 49%; }
ul.nav li.second { width: 50%; }
ul.nav li a {display: inline-block; float: right;}
ul.nav li a {float: right;}