display-contents-button.html (706B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Display: display:contents and HTML button element</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 /* Disable kerning because kerning may differ for different node tree. */ 9 html { font-kerning: none; font-feature-settings: "kern" off; } 10 button { 11 all: initial; 12 font-kerning: none; font-feature-settings: "kern" off; 13 border: 10px solid red; 14 display: contents; 15 } 16 </style> 17 <p>You should see the word PASS below.</p> 18 <button>P<!---->A<!---->S<!---->S</button>