JSFiddle - React, Tailwind, and code Playground

by Prithviraj mitra

HTML

<nav class="top_menu">
    <ul class="black_high">
        <li class="first"> <a href="#">Home</a>

        </li>
        <li> <a href="#">news</a>

        </li>
    </ul>
</nav>

CSS

.top_menu ul {
    background: #000;
    display:inline-block;
   
}
.top_menu ul li {
    float:left;
    width:100px;
    list-style:none;
    text-align:center;
    padding:10px 0;
}
.top_menu ul li a {
    color:red;
     
}
.top_menu ul li:hover {
    background:#abafb1;
    color:white;
}
.top_menu ul li a:hover {
    background:#abafb1;
    color:white;
}
}