JSFiddle - React, Tailwind, and code Playground

by gabrieleromanato

HTML

<div id="nav">
<span>One</span>
<span>Two</span>
<span>Three</span>
<span>Four</span>
<span>Five</span>
<span>One</span>
<span>Two</span>
<span>Three</span>
<span>Four</span>
<span>Five</span>
<span>One</span>
<span>Two</span>
<span>Three</span>
<span>Four</span>
<span>Five</span>
<span>One</span>
<span>Two</span>
<span>Three</span>
<span>Four</span>
<span>Five</span>
</div>

CSS

#nav {
    height: 2em;
    white-space: nowrap;
}

#nav span {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    word-spacing: 0px;
    padding: 3px 5px;
    background: silver;
}