<!doctype html>
<html>
  <head>
    <title>drag and drop - position of the placeholder for a dragged element</title>
    <style type="text/css">
div { background: orange; color: black; width: 200px; padding: 10px; border: 10px solid orange; margin: 10px; }
    </style>
  </head>
  <body>

    <div draggable="true">Drag the orange block around the page (and only over the page), using the pixel in its top-left corner. When dragging, the top-left corner of the dragged placeholder should exactly match the position of the mouse cursor.</div>

  </body>
</html>
