JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Box1"  class="box" contenteditable="true"  >
    <p>BOX 1:  Here's some text . . .</p>
</div>

<div id="Box2" class="box"  contenteditable="true"  >
    <p>BOX 2:  Here's some more text . . .</p>
</div>

CSS

.box {   
    width:300px;
    height:100px;
    margin-top:30px;
    border: 1px solid green;
    cursor: text;
}

JavaScript

$(document).ready(function(){ 
  //  $('#Box1').draggable();
});