JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="maillijst">
     <li><a href="mailto:">Jan<a></li>
     <li><a href="mailto:">piet<a></li>
     <li><a href="mailto:">Joris<a></li>
     <li><a href="mailto:">Corneel <a></li>
     <li><a href="mailto:">Jan<a></li>
     <li><a href="mailto:">piet<a></li>
     <li><a href="mailto:">Joris<a></li>
     <li><a href="mailto:">Corneel <a></li>
          <li><a href="mailto:">Jan<a></li>
     <li><a href="mailto:">piet<a></li>
     <li><a href="mailto:">Joris<a></li>
     <li><a href="mailto:">Corneel <a></li>
     <li><a href="mailto:">Jan<a></li>
     <li><a href="mailto:">piet<a></li>
     <li><a href="mailto:">Joris<a></li>
     <li><a href="mailto:">Corneel <a></li>
</ul>

CSS

body{
padding:10px;

}

.maillijst{
    height:100px; /* De hoogte van de lijst*/
    width:100px; /* De breedte van de lijst*/
    overflow:auto; /*Dit zorgt er voor dat er een scrolbalk komt zodra de lijst langer is dan 100px*/
    background:#ffa;/*gewoon een achtergrond zodat hier makkelijk te zien is  waar de lijst stopt*/
}