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