Standard CSS

Pop Up Tool Tip

HTML

<div class="couponcode">First Link
    <span class="coupontooltip"><a href="http://www.outwater.com">click below</a> to continue and some more text</span>
</div>

<div class="couponcode">Second Link
    <span class="coupontooltip"> Content 2</span>
</div>
<div class="menu">
    <ul>
        <li> one</li>
        <li class="two"> one</li>
        <li class="two"> one</li>
        
    </ul>
</div>
  

CSS

.couponcode:hover .coupontooltip {
    display: block;
   
}


.coupontooltip {
    display: none;
    background: teal;
    margin-left: 8px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    width:200px;
    height:100px;
    line-height:26px;
}

.couponcode {
    margin:100px;
}
 .menu > ul {
     list-style-type:none;
    display:none;
}
 .menu:hover ul > li {
     display:inline-block;
 }

---

Back To Top- Home - Category