JSFiddle - React, Tailwind, and code Playground

by magicaj

HTML

<ul id="sortable">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>   
</ul>

CSS

ul { width: 208px; border: 1px solid red; height: 100px; margin:0; padding: 2px 0px 2px 2px; }
li { margin: 0 2px 2px 0px; padding: 0; width: 100px; float:left; height: 30px; border:1px solid blue; background: #f5f5f5; }

JavaScript

$("#sortable").sortable();