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