JSFiddle - React, Tailwind, and code Playground

HTML

<li>
    <span>x</span>
</li>

<li>
    <span>x</span>
</li>


<li>
    <span>x</span>
</li>


<li>
    <span>x</span>
</li>

CSS

li{
    width:50px;
    height:50px;
    border:1px solid red;
    margin:20px;
    position:relative;
    list-style:none;
    float:left;
    
}
span{
    position:absolute;
    top:-10px;
    right:-10px;
    display:none; 
}

li:hover span{
    display:block;   
}
}