JSFiddle - React, Tailwind, and code Playground

by ankurdhanuka

HTML

<div id="onHover"> 5
    <span>
        <ul>
            <li>Ankur</li>
            <li>Dhanuka</li>
        </ul>
    </span>
</div>

CSS

#onHover span:hover
{
	bottom:130px;
  	left:105px;
  	padding:8px 8px 10px 8px;
	display:block;
	border:1px dashed #09f;
	background-color:#FFF;
	min-width:170px;
	position:relative;
	z-index:101;
}
#onHover span:hover ul {
  font-weight:normal;
  list-style:none;
  margin:10px 0 0 0;
  padding:0;
  position:relative;
}
span {
  display:none;
}