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