Untitled

<!DOCTYPE html>
<html>
<head>
    <title>PopUp</title>
    <script type="text/javascript">


    </script>
    <style type="text/css">

        .popover {
          display: block;
          background-color: rgba(0, 0, 0, 0.85);
          border-radius: 5px;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
          color: #fff;
          font-size: 12px;
          font-family: 'Helvetica',sans-serif;
          padding: 7px 10px;
          position: relative;
          width: 200px;
        }

    </style>
</head>
<body>
<div id="container">
    <a href="#" data-popover="POPOVER TEXT">Hover</a>
    <!-- <div class="popover">POPOVER TEXT</div> -->
</div>

</div>
</body>
</html>