OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 #t1::before { | |
4 content: "A"; | |
5 display: block | |
6 } | |
7 #t1.inline::before { | |
8 display: inline | |
9 } | |
10 | |
11 #t2::before { | |
12 content: "C"; | |
13 display: block | |
14 } | |
15 #t2.inline::before { | |
16 display: inline | |
17 } | |
18 </style> | |
19 <p>There should be a space between A and B.</p> | |
20 <div id="t1"> <span>B</span></div> | |
21 <p>There should be a space between C and D.</p> | |
22 <div id="t2"></div> | |
23 <script> | |
24 t2.attachShadow({mode:"open"}).innerHTML = " <span>D</span>"; | |
25 document.body.offsetTop; // Force layout tree generation. | |
26 | |
27 t1.className = "inline"; | |
28 t2.className = "inline"; | |
29 </script> | |
OLD | NEW |