JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">01</a></li>
    <li><a href="#">02</a></li>
    <li><a href="#">03</a></li>
    <li><a href="#">04</a></li>
    <li><a href="#">05</a></li>
    <li><a href="#">06 (Last Child)</a></li>
</ul>

CSS

body{font-family:verdana;font-size:12px;}
a{text-decoration:none;color:#000;display:block;width:100%;padding:8px 0;text-indent:10px;}
a:hover{text-decoration:underline;}
ul{list-style:none;}
ul li{background:#eee;margin-bottom:10px;}