JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#">Hello World</a></li>
</ul>

CSS

body{
    background: red;
}

ul{
    margin: 100px;
}

li{
   padding: 10px;
   background: #000000;
    opacity: 0.1;
}

a{
    color: #fff;
    font-weight: 700; 
     opacity: 1;  
}