title: class text-white with tailwind does not work
body: <p>I try to put a text in white color but it does not work why?</p>
  <p><strong>html.erb</strong></p>
  <pre><code>&lt;h1 class=&quot;text-3xl text-center pt-5 bg-green-800 text-white&quot;&gt;Epicery&lt;/h1&gt;  &lt;!--  here it works very well the text-white --&gt;
       &lt;div class=&quot;flex pt-5 pb-5 bg-green-800&quot;&gt;
           &lt;div class=&quot;mx-auto&quot;&gt;
               &lt;ul class=&quot;flex&quot;&gt;
                   &lt;li class=&quot;mr-6 text-white&quot;&gt; &lt;!--  here it does not work text-white --&gt;
                       &lt;a class=&quot;text-white text-sm hover:text-gray-900 hover:bg-white p-4 rounded&quot; href=&quot;#&quot;&gt;Link&lt;/a&gt;
                   &lt;/li&gt;
               &lt;/ul&gt;
           &lt;/div&gt;
       &lt;/div&gt;
  </code></pre>
  <p>I imported the tailwind cdn</p>
  <p><strong>application.html.erb</strong></p>
  <pre><code>&lt;%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %&gt;
  &lt;%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %&gt;
  &lt;link href=&quot;https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css&quot; rel=&quot;stylesheet&quot;&gt;
  </code></pre>