JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li><a href="#">text</a></li>
</ul>
<br /><br />
<ul>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
</ul><br /><br />
<ul>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
<li><a href="#">text</a></li>
</ul>

CSS

ul,li { margin:0; padding:0; list-style:none; }
ul { border-radius: 10px; overflow:hidden }
a { display:block; margin-bottom:2px; padding:3px; background-color:#f00 }
ul li:last-child a {
   margin: 0;
}