| 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 |