JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<abbr title="United States of America">USA</abbr>

CSS

.ui-tooltip, .arrow:after {
     background: black;
     border: 2px solid white;
 }
 .ui-tooltip {
     width: 150px;
     padding: 10px 20px;
     color: white;
     border-radius: 20px;
     font: bold 10px"Helvetica Neue", Sans-Serif;
     text-transform: uppercase;
     box-shadow: 0 0 7px black;
 }

JavaScript

$(function () {
     $(document).tooltip({
     });
 });