JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <ul>
    <li><a class="vari" href="..." id="home"><span>Home</span></a> 
    </li>
    <li><a class="vari" href="" id="music">Music videos</a> 
    </li>
  </ul>
</nav>

CSS

ul { border: 1px solid gray; }
ul li { display: inline-block;}
ul li a {display:inline-block;}
#home {text-decoration:none;padding:5px;}
#music {text-decoration:none;padding:5px;}