| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset="utf-8"> | 2 <meta charset="utf-8"> |
| 3 <title>CSS Display: Generated ::before and ::after with display:contents</title> | 3 <title>CSS Display: Generated ::before and ::after with display:contents</title> |
| 4 <link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com"> | 4 <link rel="author" title="Rune Lillesveen" href="mailto:rune@opera.com"> |
| 5 <link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-co
ntents"> | 5 <link rel="help" href="https://drafts.csswg.org/css-display-3/#valdef-display-co
ntents"> |
| 6 <link rel="match" href="display-contents-pass-ref.html"> | 6 <link rel="match" href="display-contents-pass-ref.html"> |
| 7 <style> | 7 <style> |
| 8 div::before { | 8 div::before { |
| 9 display: contents; | 9 display: contents; |
| 10 content: "P" | 10 content: "P" |
| 11 } | 11 } |
| 12 div::after { | 12 div::after { |
| 13 display: contents; | 13 display: contents; |
| 14 content: "S" | 14 content: "S" |
| 15 } | 15 } |
| 16 </style> | 16 </style> |
| 17 <p>You should see the word PASS below.</p> | 17 <p>You should see the word PASS below.</p> |
| 18 <div>AS</div> | 18 <div>A<span>S</span></div> |
| OLD | NEW |