JSFiddle - React, Tailwind, and code Playground

by Neeraj Sonar

HTML

<div>
<a href="#" class="links">link 1</a>
<a href="#" class="links">link 2</a>
<a href="#" class="links">link 3</a>
<a href="#" class="links">link 4</a>
<a href="#" class="links">link 5</a>    
<a href="#" class="links">link 6</a>
<a href="#" class="links">link 7</a>
<a href="#" class="links">link 8</a>
<a href="#" class="links">link 9</a>
<a href="#" class="links">link 10</a>
<a href="#" class="links">link 11</a>
<a href="#" class="links">link 12</a>
<a href="#" class="links">link 13</a>
<a href="#" class="links">link 14</a>
<a href="#" class="links">link 15</a>
</div>

CSS

div
    {
        width:100px;
        border: 1px solid gray;
        overflow-x: scroll;
        max-height: 250px;
    }

    div a.links
    {
        display: block;
        background: lightgreen;
        height: 50px;
    }