50 lines
3.7 KiB
HTML
50 lines
3.7 KiB
HTML
<body style="-webkit-writing-mode:vertical-lr; height:1200px">
|
|
<div style="-moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-width:300px; column-fill:auto; border:2px solid black; width: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="-webkit-margin-before:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px solid black; width: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:200px;height:100px;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="-webkit-margin-before:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px solid black; width:400px">
|
|
<img style="float:left;background-color:green; height:300px;width: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="-webkit-margin-before:1em; -moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; column-fill:auto; border:2px solid black; width:400px">
|
|
<img style="float:left;background-color:blue; height:100%;width:380px">
|
|
<span style="font-size:24px"><img style="float:left;background-color:green;width:20px;height:100px">
|
|
|
|
Longer text designed <img style="float:right;background-color:green;width:20px;height: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>
|