title: How to make elements draggable/movable?
body: <p>In this file: <a href="http://jsfiddle.net/sntshkmr60/4KsHg/" rel="nofollow">http://jsfiddle.net/sntshkmr60/4KsHg/</a></p>
  
  <p>All the <code>&lt;p&gt;</code> tags are fixed to their places. I want to make all the <code>&lt;p&gt;</code>s movable so I can drag it to any other place on the page. Its similar to some kind of photo gallery.</p>
  
  <p>Is it possible with pure JavaScript? or else jQuery?</p>
  
  <p>Please note that I already have something like <code>transform:rotate(30deg)</code> that makes the paragraph tilt on its axis.</p>