JSFiddle - React, Tailwind, and code Playground

HTML

<p id="transport">
    <img class="draco" src="../image/draco.png" />
    <ul>
        <li><a href="">a</a>
        </li>
        <li><a href="">b</a>
        </li>
        <li><a href="">c</a>
        </li>
        <li><a href="">d</a>
        </li>
        <li><a href=""></a>
        </li>
    </ul>
</p>

CSS

p#transport ul{
 background-color: rgba(0,0,0,1.0);
 position: absolute;
 float: right;
 display: none;
}
p#transport:hover ul{
 display: block;
}