Source code

Revision control

Copy as Markdown

Other Tools

<!doctype html>
<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; }
<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>