jQuery syntaxPP Plugin Demo

<div class="thegrid">
  <div class="loading"></div>
  <div class="cell" data-width="1" data-height="4"><div data-text="0"></div></div>
  <div class="cell" data-width="1" data-height="1"><div data-text="1"></div></div>
  <div class="cell" data-width="2" data-height="1"><div data-text="2"></div></div>
  <div class="cell" data-width="2" data-height="1"><div data-text="3"></div></div>
  <div class="cell" data-width="2" data-height="1"><div data-text="4"></div></div>
  <div class="cell" data-width="2" data-height="1"><div data-text="5"></div></div>
  <div class="cell" data-width="3" data-height="1"><div data-text="6"></div></div>
  <div class="cell" data-width="1" data-height="3"><div data-text="7"></div></div>
  <div class="cell" data-width="2" data-height="1"><div data-text="8"></div></div>
  <div class="cell" data-width="1" data-height="2"><div data-text="9"></div></div>
  <div class="cell" data-width="1" data-height="1"><div data-text="10"></div></div>
  <div class="cell" data-width="1" data-height="2"><div data-text="11"></div></div>
  <div class="cell" data-width="1" data-height="2"><div data-text="12"></div></div>
  <div class="cell" data-width="3" data-height="1"><div data-text="13"></div></div>
  <div class="cell" data-width="1" data-height="2"><div data-text="14"></div></div>
  <div class="cell" data-width="1" data-height="2"><div data-text="15"></div></div>
  <div class="cell" data-width="1" data-height="1"><div data-text="16"></div></div>
  <div class="cell" data-width="1" data-height="1"><div data-text="17"></div></div>
  <div class="cell" data-width="4" data-height="1"><div data-text="18"></div></div>
  <div class="cell" data-width="2" data-height="1"><div data-text="19"></div></div>
</div>