placeholderposition1.html (562B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>drag and drop - position of the placeholder for a dragged element</title> 5 <style type="text/css"> 6 div { background: orange; color: black; width: 200px; padding: 10px; border: 10px solid orange; margin: 10px; } 7 </style> 8 </head> 9 <body> 10 11 <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> 12 13 </body> 14 </html>