details-display-inline.html 468 B

1234567891011121314151617181920212223
  1. <!DOCTYPE html>
  2. <!-- Any copyright is dedicated to the Public Domain.
  3. - http://creativecommons.org/publicdomain/zero/1.0/ -->
  4. <html>
  5. <style>
  6. details {
  7. display: inline;
  8. }
  9. summary::-moz-list-bullet {
  10. /* Hide the triangle for comparing with div in reftest. */
  11. list-style-type: none;
  12. }
  13. </style>
  14. <body>
  15. Details element:
  16. <details open>
  17. <summary>Summary</summary>
  18. <p>This is the details.</p>
  19. </details>
  20. </body>
  21. </html>