| <body style="overflow:hidden;"> |
| <div style="-moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px solid black; height:400px"> |
| This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br> |
| <p><span style="float:left;font-size:128px;">T</span> |
| his is some text.<br> |
| This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br></p> |
| </div> |
| |
| <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px solid black; height:400px"> |
| This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br> |
| <p><img style="float:left;width:100px;height:100px;background-color:green"><img style="float:right;width:100px;height:200px;background-color:green"> |
| This is some text<br> |
| This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br> |
| This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br>This is some text.<br></p> |
| </div> |
| |
| <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px solid black; height:400px"> |
| <img style="float:left;background-color:green; width:300px;height:390px"> |
| Longer text designed to test float and wrapping behavior. Longer text designed to test float and wrapping behavior. |
| Longer text designed to test float and wrapping behavior. |
| Longer text designed to test float and wrapping behavior. |
| Longer text designed to test float and wrapping behavior. |
| </div> |
| |
| <div style="margin-top:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px solid black; height:400px"> |
| <img style="float:left;background-color:blue; width:100%;height:380px"> |
| <span style="font-size:24px"><img style="float:left;background-color:green;height:20px;width:100px"> |
| |
| Longer text designed <img style="float:right;background-color:green;height:20px;width:100px">to test float and wrapping behavior. Longer text designed to test float and wrapping behavior. |
| Longer text designed to test float and wrapping behavior. |
| Longer text designed to test float and wrapping behavior. |
| Longer text designed to test float and wrapping behavior. |
| </span> |
| </div> |