JSFiddle - React, Tailwind, and code Playground

by apnerve

HTML

<div href="#" class="more-items">More &#9660;<div><a href="#">item 1</a><a href="#">item 1</a>
    </div></div>
<p>wsdwedferfewrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrertfretgrtgrtet retrewter e rwer wer rw rwer r </p>

CSS

body {background: #ccc}


.more-items, .more-items *{font: 14px/15px Arial, Helvetica, sans-serif;color: #0599D3;}

.more-items > div {display:none;margin-top:-2px;overflow:hidden; background:#fff;position:absolute;}


.more-items:hover div {display:block}

.more-items:hover div a {padding:5px;display:block;text-decoration: none;}