JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
    <ul>
        <li>
            <a href="#">a long text that jumps lines</a>
        </li>
        <li>
            <a href="#">a line that don't jump</a>
        </li>
    </ul>
</div>

CSS

.menu{
   width:100px;
   overflow-x:scroll;
}
.menu ul {
       display:inline-block;
    background:pink;
    }
.menu ul li {
       white-space:nowrap;
    }