Import the css-display-3 css tests.
[WebKit-https.git] / LayoutTests / imported / w3c / web-platform-tests / css / css-display-3 / display-contents-before-after-002.html
1 <!DOCTYPE html>
2 <meta charset="utf-8">
3 <title>CSS Display: Generated ::before and ::after with display:contents</title>
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-contents">
6 <link rel="match" href="display-contents-pass-ref.html">
7 <style>
8     div::before {
9         display: contents;
10         border: 100px solid red;
11         content: "P"
12     }
13     div::after {
14         display: contents;
15         border: 100px solid red;
16         content: "S"
17     }
18 </style>
19 <p>You should see the word PASS below.</p>
20 <div>A<span>S</span></div>