JSFiddle - React, Tailwind, and code Playground

by shurikation

HTML

<div class="button">Text</div>

<div class="block">
  <ul>
    <li><a href="">Text</a></li>
    <li><a href="">Text</a></li>
    <li><a href="">Text</a></li>
    <li><a href="">Text</a></li>
    <li><a href="">Text</a></li>
  </ul>
</div>

CSS

.button {
  width: 100px;
  height: 100px;
  background-color: green;
};


 .block {
   width: 200px;
   height: 200px;
   background-color: darkred;
   display: block;
 };
 
/* .button:hover .block {
  display: block;  
};
  */

.block ul li a {
  text-decoration: none;
  color: white;
};