49 lines
3.6 KiB
HTML
49 lines
3.6 KiB
HTML
<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>
|