JSFiddle - React, Tailwind, and code Playground

by GaryC123

HTML

<ul class="list-2">
    <li><a href="#levels_form">Levels of Polo</a>
    </li>
    <li><a href="#chukker_form">Chukkers</a>
    </li>
    <li><a href="#throw_form">Throw In</a>
    </li>
    <li><a href="#clock_form">Game Clock</a>
    </li>
    <li><a href="#time_form">Time Outs</a>
    </li>
    <li><a href="#handicap_form">Polo Handicap</a>
    </li>
    <li><a href="#players_form">How Many Players</a>
    </li>
    <li><a href="#post1_form">Position 1</a>
    </li>
    <li><a href="#post2_form">Position 2</a>
    </li>
    <li><a href="#post3_form">Position 3</a>
    </li>
    <li><a href="#post4_form">Position 4</a>
    </li>
    <li><a href="#field_form">Polo Field</a>
    </li>
</ul>

CSS

ul {
height:80px;
    width:310px
}
li {
    display:inline-block;
    width:150px
}