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 class="ui-sortable inline-block">
  <li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li>
</ul>

<ul class="ui-sortable float">
  <li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li><li style="width: 181px; height: 227px">
  </li>
</ul>

CSS

article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }
  .ui-sortable li {
    list-style: none;
    margin: 4px;
  }
  .inline-block li {
    display: inline-block;
    background: #a00;
  }
  
  .float li {
    float: left;
    background: #0a0;
  }

JavaScript

$('.ui-sortable').sortable();