JSFiddle - React, Tailwind, and code Playground
HTML
<div id="canvas"></div>
CSS
body {
background: grey;
margin: 0;
padding: 0;
}
#canvas {
background: white;
width: 400px;
height: 200px;
margin: 0 auto;
position: absolute;
}
.draggable {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: move;
background: #800;
color: white;
position: relative;
margin: 0;
padding: 0;
}
JavaScript
$('<h1 class="draggable">Test</h1>')
.appendTo('#canvas')
.draggable();
$('<h2 class="draggable">Test 2</h2>')
.appendTo('#canvas')
.draggable();