display-contents-details.html (669B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Display: display:contents and HTML details and summary elements</title> 4 <link rel="author" title="Rune Lillesveen" href="mailto:futhark@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-display/#unbox-html"> 6 <link rel="match" href="display-contents-pass-ref.html"> 7 <style> 8 html { font-kerning: none; font-feature-settings: "kern" off; } 9 details, summary { 10 all: initial; 11 border: 10px solid red; 12 display: contents; 13 } 14 details::details-content { 15 display: contents; 16 } 17 </style> 18 <p>You should see the word PASS below.</p> 19 P<details open><summary>A</summary><span>S</span></details>S