<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/stefangabos/Zebra_Tooltips/dist/zebra_tooltips.min.css"> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/stefangabos/Zebra_Tooltips/dist/zebra_tooltips.min.js"></script> <div class="container center"><a href="javascript: void(0)" class="zebra_tips1" title="testing <a href='https://google.com' target='_blank'>click</a> lorem ipsum">Over here!</a></div>

.center { min-height: 100%; min-height: 100vh; text-align: center; margin: auto; padding: 0; position: absolute; top: 20%; bottom: 0; left: 0; right: 0; overflow: hidden; }

$(document).ready(function() { new $.Zebra_Tooltips($('.zebra_tips1'),{ background_color: 'rgb(114, 180, 236)' }); });