JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="sub-menu-item" ><a href="#">FACULTY</a></li>
    <li class="sub-menu-item" ><a href="#">FACULTY</a></li>
    <li class="sub-menu-item" ><a href="#">FACULTY</a></li>
    <li class="sub-menu-item" ><a href="#">FACULTY</a></li>
  
</ul>

CSS

ul{
}

ul li{
    position: relative;
    border-bottom: 1px solid #000;
}

ul li a{

    position: relative;
    background: #fff;
    left: 0;
    bottom: -10px;
    margin-left: 10px;
    color: orange;
    text-decoration: none;
}