JSFiddle - React, Tailwind, and code Playground

by mblase75

HTML

<ul class="third-level-nav">
    <li><a href="/accommodations/Home.aspx">Home</a></li>
    <li><a href="/accommodations/Household-Ordering-Tutorial.aspx">
        Household Ordering Tutorial
        </a>
    </li>
    <li><a href="/accommodations/List-of-standard-items.aspx">
        List of standard items
        </a>
    </li>
    <li>
        <a href="/accommodations/Costs-of-utilities.aspx">
            Costs of utilities
        </a>
    </li>
</ul>

CSS

LI {
    display:inline-block;
    list-style:none;
}
UL {
    white-space: nowrap;
    overflow: auto;
}