open-details-before.html 464 B

12345678910111213141516171819202122
  1. <!DOCTYPE html>
  2. <!-- Any copyright is dedicated to the Public Domain.
  3. - http://creativecommons.org/publicdomain/zero/1.0/ -->
  4. <head>
  5. <style>
  6. details::before {
  7. content: "This is the details.";
  8. /* Match the margins and display of <p> */
  9. display: block;
  10. margin-block-start: 1em;
  11. margin-block-end: 1em;
  12. }
  13. </style>
  14. </head>
  15. <html>
  16. <body>
  17. <details open>
  18. <summary>Summary</summary>
  19. </details>
  20. </body>
  21. </html>