Firefox only

This is some text to testingand some more text and some more text and some more text and somesomesomemore text and some more text and some more text text and some more text and sometext and some more text and some more textmore text and some more text and some more text kode

.tooltip {
 display:inline;
 position:relative
}
.tooltip:hover { text-decoration:none }
.tooltip:hover:after {
 background:#111;
 background:rgba(235,0,0,.6);
 border-radius:5px;
 bottom:18px;
 color:#fff;
 content:attr(title);
 display:table;
 left:-1000px;
 right:-1000px;
 margin:auto;
 padding:5px 15px;
 position:absolute;
 white-space:nowrap;
 z-index:98;
 text-align:center;
}
.tooltip:hover:before {
 border:solid;
 border-color:#dfd transparent;
 border-width:6px 6px 0 6px;
 bottom:12px;
 content:"";
 display:block;
 left:50%;
 margin-left:-3px;
 position:absolute;
 z-index:99
}

This is some text to testing<span style="color: #3d85c6;"><a class="tooltip" href="https://www.blogger.com/" title="Sample tooltip with much longer text"></a></span>Link<span style="background-color: #3d85c6;"></span><br />
and some more text and some more text and some more text and somesomesome<a class="tooltip" href="https://www.blogger.com/" title="Sample tooltip">Link</a>more text and some more text and some more text text and some more text and sometext and some more text and some more text<a class="tooltip" href="https://www.blogger.com/" target="_blank" title="Sample tooltip text"> Link</a>more text and some more text and some more text<br />

Popup Tooltip using CSS

Firefox only