Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<ul>
        <li>sport</li>
        <li>koncert</li>
        <li>festiwale</li>
        <li>warszawa</li>
        <li>myslovitz</li>
    </ul>

CSS

ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            border: 1px solid black;
            width: 510px;
            overflow: auto;
        }
        ul li {
            float: left;
            clear: left;
            margin: 10px 0;
            padding: 10px 0;
            width: 250px;
            background-color: #f0f0f0;
            text-indent: 10px;
        }

JavaScript

$('ul').sortable({
        opacity: 0.6,
        cursor: 'move',
    }).disableSelection();

    $('ul li').each(function(index, value){
        $(this).resizable({
            maxHeight: 21,
            maxWidth: 500,
            minHeight: 21,
            minWidth: 100,
        });
    });