move-float-summary-to-different-details.html (732B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 5 <html class="reftest-wait"> 6 <script> 7 function runTest() { 8 var details1 = document.getElementById("details1"); 9 var summary2 = document.getElementById("summary2"); 10 11 details1.insertBefore(summary2, details1.children[0]); 12 13 document.documentElement.removeAttribute("class"); 14 } 15 </script> 16 <body onload="runTest();"> 17 <details id="details1"> 18 <summary>Summary 1</summary> 19 <p>This is the details 1.</p> 20 </details> 21 <details> 22 <summary id="summary2" style="float: left;">Summary 2</summary> 23 <p>This is the details 2.</p> 24 </details> 25 </body> 26 </html>