JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/hot-sneaks/jquery-ui.min.css">
<input type='button' value='Display that dialog' onclick="$('#dialog').dialog('open');"/>
<div id='dialog'>Some jawn in here</div>
<div id=data></div>

CSS

.ui-dialog-title{
    /*something in here?*/
}
.ui-dialog-titlebar{
    /*or here?*/
}

JavaScript

$(document).ready(function () {
    $('#dialog').dialog({
        autoOpen: false,
        modal: true,
        title: 'Something really long wow \n too much to have in a title but oh well'
        //adding the newline character \n does nothing!
    });
});