<!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>