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

<html>
  <body>
    <ol>
      <li>First item
        <div>
          <summary>Summary
            <ul>
              <li>First unordered item in summary</li>
              <li>Second unordered item in summary</li>
            </ul>
            <div>
              <ol>
                <li>First item in summary</li>
                <li>Second item in summary</li>
              </ol>
            </div>
            <svg>
              <foreignObject width="300" height="300">
                <ol>
                  <li>First item in foreignObject</li>
                  <li>Second item in foreignObject</li>
                </ol>
              </foreignObject>
            </svg>
          </summary>
          <p>This is the details.</p>
          <li>First item in details</li>
          <li>Second item in details</li>
        </div>
      </li>
      <li>Second item</li>
    </ol>
  </body>
</html>