JSFiddle - React, Tailwind, and code Playground

by shweta naik

HTML

<ul class=”somelist”> 
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        
        <li><a href="#">999</a></li>
    </ul>

CSS

ul li a {
 display:block;
    text-decoration: none;
}

ul li a:hover, ul li a:focus {
 color:red;
    
}

 * html #links li a {  /* make hover effect work in IE */
	width: 400px;
}