Tooltip

<div class="couponcode">Primo link: passa il mouse sopra il testo
 <span class="coupontooltip"> <h3>Contenuto 1</h3>
 Questo è il testo del contenuto del primo tooltip</span> <!-- UPDATED -->
</div>


<div class="couponcode">Secondo link: passa il mouse sopra il testo
 <span class="coupontooltip"> <h3>Contenuto 2</h3>
 Questo è il testo del contenuto del secondo tooltip</span> <!-- UPDATED -->
</div>

.couponcode:hover .coupontooltip { /* NEW */
 display: block;
}


.coupontooltip {
 display: none; /* NEW */
 background: #C8C8C8;
 margin-left: 28px;
 padding: 10px;
 position: absolute;
 z-index: 1000;
 width:250px;
 height:120px;
}

.couponcode {
 margin:100px;
}