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