Stretched

<ul class="flex p-3">
    <li class="flex-1 mr-2">
        <a class="text-center block border border-blue-500 rounded py-2 px-4 bg-blue-500 hover:bg-blue-700 text-white" href="#">Active Item</a>
    </li>
    <li class="flex-1 mr-2">
        <a class="text-center block border border-white rounded hover:border-gray-200 text-blue-500 hover:bg-gray-200 py-2 px-4" href="#">Nav Item</a>
    </li>
    <li class="text-center flex-1">
        <a class="block py-2 px-4 text-gray-400 cursor-not-allowed" href="#">Disabled Item</a>
    </li>
</ul>