JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.23/themes/base/jquery-ui.css" type="text/css" media="all" />
            <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
            <script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>
            <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>

</head>

<body class="test">
    
<div class="page">
    test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test...

CSS

html {
    overflow-x: hidden;
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
html, body {
    height: 100%;
}
body {
    margin:0px; padding:0px;
    overflow-x: hidden;
}
.page { height: 2000px; width: 400px; float: left; clear: both;

margin: 0 auto;
margin-bottom: 30px;
font-weight: 300;
position: relative;
    width: 400px;
}
.dragdiv { background-color: red; width: 200px; height: 300px; display: inline;
float: left;
position: relative;
margin-left: 1%;
margin-right: 1%; }
.draghandle { width: 30px; height: 20px; background-color: green; }

JavaScript

jQuery(".dragdiv").draggable({
            handle: '.draghandle',
            //activeClass: "ui-state-default",
            //hoverClass: "ui-state-hover",
            revert: false
        });