JSFiddle - React, Tailwind, and code Playground

HTML

<script src="JavaScript/CSS URLhttp://jsfiddle.net/#"></script>
<div id="drag-container">
    <div id="draggable" class="draggable" style="position:relative;top:5px;left:80px;">
        .::[ NowPlaying SIGnature ]::.
    </div>
    <div id="draggable2" class="draggable" style="position:relative;top:25px;left:80px;">
        Artist - title
    </div>
    <div id="draggable3" class="draggable" style="position:relative;top:45px;left:80px;">
        Album: (Year)
        <br>
        Genre:
    </div>
  
</div>

CSS

.draggable { width: 150px; height: 0px; cursor:move; }
    #drag-container { width: 450px; height:80px; background-color:#c7c5c5; }

JavaScript

$(function() {
        $( "#draggable" ).draggable({ cursor: "move",containment: 'parent', scroll: false,
        stop: function() {

            }
                                    });
        $( "#draggable2" ).draggable({ cursor: "move",containment: 'parent', scroll: false ,
        stop: function() {

            }
                                     });
        $( "#draggable3" ).draggable({ cursor: "move",containment: 'parent', scroll: false ,
        stop: function() {

            }
                                     });
    });