JSFiddle - React, Tailwind, and code Playground

HTML

<div id="additionalFitFeatures">
<ul id="sortable">
    <li>Item One</li>
    <li>Item Two</li>
    <li>Item Three</li>
    <li>Item Four</li>
    <li>Item Five</li>
    <li>Item Six</li>
</ul>
</div>

CSS

#additionalFitFeatures{
    width:230px; 
    height:100px;
    vertical-align:top;
    clear:both;
}

#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 3px 3px 3px 0; padding: 2px; float: left; width:auto; height:auto; font-size: 12px; text-align: center; cursor:move;
border:1px solid #aaa; border-radius:5px; background-color:#eee;}

JavaScript

//UI Sortable and Dragable                                
$(function() {
    $("#sortable").sortable().disableSelection();
});