JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css">
<!DOCTYPE html>
<html>
<head>
    <title>title</title>
</head>
<body>
    <div class="notewrapper">
        <div class="note">
            <b>A note </b>
            <p>Some content for the note</p>
        </div>
    </div>
</body>
</html>

CSS

.notewrapper {
    padding:20px 10px 10px 10px;
    background-color:#F2EDAB;
    width: 300px;
    height: 200px;
    left: 50%;
    top: 200px;
    box-shadow: 3px 3px 10px 2px #666
}
.note {
    width:100%;
    height:100%;
    background-color:#F2EDAB;
    overflow:hidden;
}

JavaScript

$(function () {
    $(".notewrapper")
    .resizable()
    .draggable();           
});