Making an object draggable is now very simple with HTML5. Set the draggable attribute of any element you want to make moveable. With HTML 5 you can make anything draggable, including images, links, files, or other DOM nodes.

As an example, let's start creating rearrange able columns. The basic markup may look something like this:

<div id="col1">
    <div class="cls1" draggable="true">
        <header>Section 1</header>
    </div>
    <div class="cls1" draggable="true">
        <header> Section 1</header>
    </div>
    <div class="cls1" draggable="true">
        <header> Section 1</header>
    </div>
</div>