OLD | NEW |
| 1 <!-- The orange, blue, yellow and green text boxes should not overlap --> |
1 <html> | 2 <html> |
2 <body style="font: 1em/1 Ahem, sans-serif;"> | 3 <body style="font: 1em/1 Ahem, sans-serif;"> |
3 <style> | 4 <style> |
4 #test::before | 5 #test::before |
5 { | 6 { |
6 content: "1234"; | 7 content: "1234"; |
7 color: orange; | 8 color: orange; |
8 } | 9 } |
9 #test::after | 10 #test::after |
10 { | 11 { |
11 content: "4578"; | 12 content: "4578"; |
12 color: yellow; | 13 color: yellow; |
13 } | 14 } |
14 </style> | 15 </style> |
15 <ruby id="test" style="display: block; color: blue"> | 16 <ruby id="test" style="display: block; color: blue"> |
16 ABCD | 17 ABCD |
17 </ruby> | 18 </ruby> |
18 <div style="font-size: 800%; color: green"> | 19 <div style="font-size: 800%; color: green"> |
19 EFGH | 20 EFGH |
20 </div> | 21 </div> |
21 <script> | 22 <script> |
22 document.body.offsetTop; | 23 document.body.offsetTop; |
23 var test = document.getElementById("test"); | 24 var test = document.getElementById("test"); |
24 test.style.fontSize = "800%"; | 25 test.style.fontSize = "800%"; |
25 </script> | 26 </script> |
26 </body> | 27 </body> |
27 </html> | 28 </html> |
OLD | NEW |