JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css">
<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.mouse.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.draggable.js"></script>
<div class="drag">===</div>
<div class="drag">===</div>
<div class="drag">===</div>
<div class="drag">===</div>
<div class="drag">===</div>

CSS

div.drag { border-bottom: 1px solid #444; border-top: 1px solid #444; width: 25px; float: left; margin-left:10px; padding: 0; cursor: pointer;
    -moz-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
}

JavaScript

$( "div" ).draggable({ snap: true });