JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="#">Link</a>
        <div>something</div>
    </li>
    <li>
        <a href="#">Link</a>
        <div>something</div>
    </li>
</ul>

CSS

ul {
    float: right;
}

ul li > div {
    display: none;
    width: 500px;
    height: 300px;
    position: absolute;
    right: 300px;
    top: 0;
    background: #eee;
}

ul li:hover > div {
    display: block;
}

ul li {
    position: relative;
    width: 300px;
}