chromium/src/third_party/blink/web_tests/fast/multicol/vertical-rl/float-paginate-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
     html {
         -webkit-writing-mode: vertical-rl;
     }
     .columns {
         border: 2px solid black;
         overflow: auto;
         line-height: 20px;
     }
     .column1, .column2 {
         height: calc(50% - 10px);
         float: left;
     }
     .column1 {
         margin-bottom: 20px;
     }
     img {
         float: left;
         height: 150px;
         width: 320px;
         background-color: green;
         display: block;
     }
 </style>
 <div class="columns">
     <div class="column1">
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
     </div>
     <div class="column2">
         <img>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
         This is some text.<br>
     </div>
 </div>
	<!DOCTYPE html>
	<style>
	html {
	-webkit-writing-mode: vertical-rl;
	}
	.columns {
	border: 2px solid black;
	overflow: auto;
	line-height: 20px;
	}
	.column1, .column2 {
	height: calc(50% - 10px);
	float: left;
	}
	.column1 {
	margin-bottom: 20px;
	}
	img {
	float: left;
	height: 150px;
	width: 320px;
	background-color: green;
	display: block;
	}
	</style>
	<div class="columns">
	<div class="column1">
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	</div>
	<div class="column2">
	<img>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	This is some text.<br>
	</div>
	</div>