Source code
Revision control
Copy as Markdown
Other Tools
<!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>