LayoutTests/fast/multicol/vertical-rl/float-paginate-complex.html - WebKit - Git at Google

 <body style="-webkit-writing-mode:vertical-rl; height:1200px">
 <div style="-moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; -webkit-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="margin-block-start: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="margin-block-start: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="margin-block-start: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>
	<body style="-webkit-writing-mode:vertical-rl; height:1200px">
	<div style="-moz-column-width:300px; -webkit-column-width:300px; -webkit-column-fill:auto; column-width:300px; -webkit-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="margin-block-start: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="margin-block-start: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="margin-block-start: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>