JSFiddle - React, Tailwind, and code Playground

by Bizon4ik

HTML

<div id="menu_top">
              <li><a href="#">All Clients</a></li>
              <li><a href="#">Branchs</a></li>
                 <ul>
                      <li><a href="#">HO</a></li>                   
                 </ul>
              <li><a href="#">Board</a></li>             
 </div>

CSS

#menu_top {
    background-color: #5db22f;
    border-bottom: 1px solid black;
    
}
#menu_top li {
    float: left;
    list-style:none;
}

li a {
    display:block;
    font:18px Georgia, Arial, sans-serif;
    color:black;
    text-decoration:none;
    padding:15px 20px 15px 20px;  
    }

li ul li{
    position: absolute;
    border-bottom: 1px solid red;
    bottom:150px;
}