JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<div class="el tooltip-enabled" style="left: 215px; top: 42px; width: 16px; height: 16px; z-index: 13;" title="<html><body>Lorem ipsum dolor sit ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</body></html>">Test</div>

CSS

.el{
   position: absolute;   
}

JavaScript

$('.tooltip-enabled[title]').tooltip({
    show: {
        delay: 500
    },
    track: true,
    position: {
        my: 'left+10 top+10',
        at: 'right bottom'
    }
});