JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="sub-menu-item" ><a href="#">Item 1</a></li>
        <li class="sub-menu-item" ><a href="#">Item 2</a></li>
</ul>

CSS

.sub-menu-item
{
    border-bottom:1px solid black;
    height:0.6em;
    width:200px;
    text-align:center;
    margin-bottom:1em;
    
}
.sub-menu-item > a
{
    text-decoration:none;
    background:white;

}