details-in-ol-ref.html

Enable keyboard shortcuts

<!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 style="list-style-position: inside">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>