JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li style="display: inline-block; background: #283038; border: 1px solid #161b1f; margin: 5px; padding: 2px; border-radius: 3px;">
        <ul>
            <li style="width: auto; float: left;">
                <img class='tagImage' src="https://www.lehigh.edu/google/google_cal.png" /> <span class='removeitem'>X</span>

            </li>
        </ul>
    </li>
</ul>

CSS

ul > li > ul > li {
    position: relative;
}
ul > li > ul > li > span {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
}
ul > li > ul > li:hover > span {
    display: block;
    color: #fff;
}