JSFiddle - React, Tailwind, and code Playground

HTML

<head>
    <script type="text/javascript" src="http://file.urin.take-uma.net/jquery.balloon.js"></script>
    <script type="text/javascript" src="http://file.urin.take-uma.net/jquery.tile.js"></script>
</head>
<body>
    <div id="sample4" class="sample-outer">
        <script type="text/javascript">
            $(function() {
            $(".testb").showBalloon({contents: 'Content to display'}); 
            });
        </script>
        <br><br><br><br>
        <div class="testb">Hello</div>
    </div>
</body>

CSS

.ballloon { font-size: 90%; }
.sample-explanation { margin-bottom: 10px; line-height: 1.4; background-color: #eee; }
.sample-explanation > p { padding: 5px; }

#sample4-demo > div { width: 150px; height: 150px; background-color: #ddd; margin: 20px auto; }