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>