I try to put a text in white color but it does not work why?
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<h1 class="text-3xl text-center pt-5 bg-green-800 text-white">Epicery</h1> <!-- here it works very well the text-white -->
<div class="flex pt-5 pb-5 bg-green-800">
<div class="mx-auto">
<ul class="flex">
<li class="mr-6 text-white"> <!-- here it does not work text-white -->
<a class="text-white text-sm hover:text-gray-900 hover:bg-white p-4 rounded" href="#">Link</a>
</li>
</ul>
</div>
</div>