| <!DOCTYPE html> |
| <script> |
| onload = function() { document.scrollingElement.scrollLeft = 150 - 10; } |
| </script> |
| <style> |
| body { margin:10px; } |
| </style> |
| |
| <p style="position:fixed; top:0;">Below there should be a green square with a black border, and no red.</p> |
| <div style="margin-top:5em; -webkit-columns:3; -webkit-column-gap:50px; column-fill:auto; height:200px; line-height:100px; orphans:1; widows:1;"> |
| <div style="width:130px; height:100px; background:red;"></div> |
| <br> |
| <br> |
| <br> |
| <br> |
| <br> |
| <div style="float:left; width:100px; height:100px; box-sizing:border-box; border:3px solid black; background:green;"></div> |
| <div style="float:left; width:10px; height:100px; background:red;"></div> |
| <br> |
| <br> |
| <br> |
| <br> |
| <br> |
| </div> |