JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.tipue.com/tipr/tipr/tipr.js"></script>
<link rel="stylesheet" href="http://www.tipue.com/tipr/tipr/tipr.css">
<div id="container">
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip" data-tip="Loremipsumdoloris"><div style="background:url(http://i.imgur.com/ARLTXI8.png) no-repeat;width:55px;height:55px;background-position:center;"></div></div>
<div class="tip"...
CSS
div.tip {
background-color: #f3f3f3;
border: solid 1px #cfcfcf;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 55px;
width: 55px;
float: left;
margin: 4px;
text-align: center;
position: relative;
}
div#container {
width: 200px;
height: 200px;
overflow-y: scroll;
border: 2px solid black;
margin: auto;
}
JavaScript
$(document).ready(function() {
$('.tip').tipr();
});