<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
   - http://creativecommons.org/publicdomain/zero/1.0/ -->

<html class="reftest-wait">
  <script>
  function runTest() {
    var details1 = document.getElementById("details1");
    var summary2 = document.getElementById("summary2");

    details1.insertBefore(summary2, details1.children[0]);

    document.documentElement.removeAttribute("class");
  }
  </script>
  <body onload="runTest();">
    <details id="details1">
      <summary>Summary 1</summary>
      <p>This is the details 1.</p>
    </details>
    <details>
      <summary id="summary2" style="float: left;">Summary 2</summary>
      <p>This is the details 2.</p>
    </details>
  </body>
</html>