title: How to create scrollable element in Tailwind without a scrollbar
body: <p>I'm trying to recreate a horizontal scroll navbar with tailwind <em>without a scrollbar</em> on the bottom like this example (reduce the width of your screen to be able to scroll)</p>
  <p><a href="https://getbootstrap.com/docs/5.0/examples/blog/" rel="noreferrer">https://getbootstrap.com/docs/5.0/examples/blog/</a></p>
  <p>I tried the following using Tailwind but I wasn't able to figure out how to remove the horizontal scrollbar that appears like the bootstrap example above. Could someone help?</p>
  <pre><code>&lt;ul class=&quot;flex overflow-x-auto whitespace-nowrap p-4&quot;&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;p-2&quot;&gt;Nav Item&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>