OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script> | 2 <script> |
3 onload = function() { document.scrollingElement.scrollLeft = 150 - 10; } | 3 onload = function() { document.scrollingElement.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; orphans:1; widows:1;"> |
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 |