JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<div id="window">        
    <div class="header">
       Hello!                
    </div>
    <div class="wrapper">
        <table>
            <tr>
                <td> Hello World!</td>
            </tr>
        </table>
    </div>
</div>

CSS

#window {
    background-color: grey;
    width: 200px;
    top: 20px;
    left: 20px;
}

.header {
    background-color: lightgrey;        
}

.wrapper {
    background-color: darkgrey;                  
}

body {
    /*width: 100%;*/
    background-color: green;
}

JavaScript

$('#window').draggable({
    containment: 'window'
});