OLD | NEW |
| 1 <!-- The orange, blue 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 | 5 #test |
5 { | 6 { |
6 color: blue; | 7 color: blue; |
7 display: table-row; | 8 display: table-row; |
8 } | 9 } |
9 #test::before | 10 #test::before |
10 { | 11 { |
11 content: "1234"; | 12 content: "1234"; |
12 color: orange; | 13 color: orange; |
13 display: table-row; | 14 display: table-row; |
14 } | 15 } |
15 </style> | 16 </style> |
16 <div id="test"> | 17 <div id="test"> |
17 ABCD | 18 ABCD |
18 </div> | 19 </div> |
19 <div style="font-size: 800%; color: green"> | 20 <div style="font-size: 800%; 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 = "800%"; | 26 test.style.fontSize = "800%"; |
26 </script> | 27 </script> |
27 </body> | 28 </body> |
28 </html> | 29 </html> |
OLD | NEW |