JSFiddle - React, Tailwind, and code Playground

by Ivin Raj S

HTML

<div id="sideNav">
    <li<a class="menu" href="#"><a></li><hr>
    <li<a class="menu" href="#"> Account<a></li><hr>
    <li<a class="menu" href="#"> Live Events <a></li><hr>
    <li<a class="menu" href="#"> Football<a></li><hr>
    <li<a class="menu" href="#"> Baseball<a></li><hr>
    <li<a class="menu" href="#"> Soccer<a></li><hr>
    <li<a class="menu" href="#"> Basketball<a></li><hr>
    <li<a class="menu" href="#"> Hockey<a></li><hr>
    <li<a class="menu" href="#"> MMA<a></li><hr>
    <li<a class="menu" href="#"> eSports<a></li><hr>
    <li<a class="menu" href="#"> Tennis<a></li><hr>
    <li<a class="menu" href="#"> Cricket<a></li><hr>
    <li<a class="menu" href="#"> Golf<a></li><hr>
    <li<a class="menu" href="#"> Badminton<a></li><hr>
    <li<a class="menu" href="#"> Handball<a></li><hr>
    <li<a class="menu" href="#"> Rugby<a></li><hr>
    <li<a class="menu" href="#"> Snooker<a></li><hr>
    <li<a class="menu" href="#"> Table Tennis<a></li><hr>
    <li<a class="menu" href="#"> Volleyball<a></li><hr>
    </div>

CSS

#sideNav
{
  width:100px;
  background-color:black;
  color:white;
  border-right:12px solid blue;
}
a.menu:link {
line-height:50px; 
border-bottom: 1px solid black;
color:#fff;
border:1px dotted black;
display:block;
}
a.menu:visited {
color:$fff;
}
a.menu:hover {
color:#393939;
}