You are on page 1of 1

<div> Chữ đằng trước <a class="tooltip">phẫu thuật khúc xạ<span

class="label"><strong>Phẫu thuật khúc xạ:</strong><br />Là loại phẫu thuật mắt điều
chỉnh cận thị, viễn thị hoặc lão thị nhằm... with the objective of reducing or
eliminating the need for glasses and contacts. Includes LASIK, PRK, corneal
implants and intraocular lens (IOL) implantation. Read our refractive surgery
articles</span></a> chữ đằng sau
</div>

.tooltip {
position: relative;
z-index:5;
text-decoration:underline;
color:#3a3a3a;
text-decoration-color:#20b258;
}
.tooltip span {display:none;}

.tooltip:hover {
z-index:5;
color: #20b258;
text-decoration:underline;
text-decoration-color:#20b258;
cursor:pointer;
}

.tooltip:hover span {
display: block;
width: 200px;
padding:5px;
color:#fff;
background:#000000;
font-size:14px;
text-decoration:none;
position: absolute;
border-radius:6px;
bottom: 120%;
left: 60%;
margin-left: -150px;
}
.tooltip span::after {
content: "";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: black transparent transparent transparent;
}

You might also like