1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 .container { 6 margin: 10px; 7 width: 300px; 8 height: 200px; 9 background-color: grey; 10 } 11 12 .static { 13 display: static; 14 } 15 16 .inline-block { 17 display: inline-block; 18 } 19 20 .floatleft { 21 float: left; 22 } 23 24 *[draggable=true] { 25 width: 100px; 26 height: 100px; 27 margin: 10px; 28 background-color: green; 29 } 30 </style> 31 </head> 32 <body> 33 <div class="container inline-block static"> 34 display: inline-block; position: static; 35 <div draggable="true">Drag Me</div> 36 If the drag-icon follows the mouse pointer while dragging the above green block, the test passes. 37 </div> 38 39 <div class="container" style="overflow:hidden"> 40 greybox overflow:hidden; greenbox float:left;<br> 41 <div class="floatleft" draggable="true">Drag Me</div> 42 If the drag-icon follows the mouse pointer while dragging the green block to the left, the test passes. 43 </div> 44 45 </body> 46 </html> 47
