open-summary-table-cell-style.html 491 B

12345678910111213141516171819202122
  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. summary {
  7. display: table-cell;
  8. }
  9. </style>
  10. <body>
  11. <details open>
  12. <p>This is the details.</p>
  13. <!-- Make summary the second element child so that layout will try to
  14. render it as the first child. -->
  15. <summary>Summary
  16. <div>Block in summary</div>
  17. </summary>
  18. </details>
  19. </body>
  20. </html>