CSS দিয়ে হোভার করলে ওভারফ্লো কন্টেন্ট দেখানো

এলিমেন্টের ওপর হোভার করলে ওভারফ্লো কন্টেন্ট দেখাতে নিচের কোডটি রান করুন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div.demo {             white-space: nowrap;             width: 180px;             overflow: hidden;             border: 2px solid blue;         }          div.demo:hover {             text-overflow: inherit;             overflow: visible;          }       </style>    </head>    <body>       <p>Hover to see the complete text below:</p>       <br>       <div class = "demo" style = "text-overflow:clip;">Demo Text that will hide in this box.</div>    </body> </html>