| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script> | 2 <script> |
| 3 onload = function() { document.documentElement.scrollLeft = 150 - 10; } | 3 onload = function() { document.body.scrollLeft = 150 - 10; } |
| 4 </script> | 4 </script> |
| 5 <style> | 5 <style> |
| 6 body { margin:10px; } | 6 body { margin:10px; } |
| 7 </style> | 7 </style> |
| 8 | 8 |
| 9 <p style="position:fixed; top:0;">Below there should be a green square with a bl
ack border, and no red.</p> | 9 <p style="position:fixed; top:0;">Below there should be a green square with a bl
ack border, and no red.</p> |
| 10 <div style="margin-top:5em; -webkit-columns:3; -webkit-column-gap:50px; column-f
ill:auto; height:200px; line-height:100px;"> | 10 <div style="margin-top:5em; -webkit-columns:3; -webkit-column-gap:50px; column-f
ill:auto; height:200px; line-height:100px;"> |
| 11 <div style="width:130px; height:100px; background:red;"></div> | 11 <div style="width:130px; height:100px; background:red;"></div> |
| 12 <br> | 12 <br> |
| 13 <br> | 13 <br> |
| 14 <br> | 14 <br> |
| 15 <br> | 15 <br> |
| 16 <br> | 16 <br> |
| 17 <div style="float:left; width:100px; height:100px; box-sizing:border-box; bo
rder:3px solid black; background:green;"></div> | 17 <div style="float:left; width:100px; height:100px; box-sizing:border-box; bo
rder:3px solid black; background:green;"></div> |
| 18 <div style="float:left; width:10px; height:100px; background:red;"></div> | 18 <div style="float:left; width:10px; height:100px; background:red;"></div> |
| 19 <br> | 19 <br> |
| 20 <br> | 20 <br> |
| 21 <br> | 21 <br> |
| 22 <br> | 22 <br> |
| 23 <br> | 23 <br> |
| 24 </div> | 24 </div> |
| OLD | NEW |