JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/redmond/jquery-ui.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
<div id="dialog">
    <iframe src="http://jsfiddle.net/veXHb/2/embedded/result/" frameborder="0"></iframe>
</div>

CSS

body { font-size:15px;font-family:Arial; }
#dialog { overflow:hidden;background:#ccc; }
.ui-dialog iframe { height:100%;width:100%;}
.ui-widget { font-size:inherit; } /* use parent font-size as default */

JavaScript

$('#dialog').dialog({ resizable: true });