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

 <!DOCTYPE html>
 <style>
     body {
         -webkit-writing-mode: vertical-lr;
     }
     .float {
         float: left;
         width: 100px;
         height: 200px;
         background-color: lime;
     }
     .multicol {
         height: 400px;
         border: 10px solid black;
         line-height: 20px;
         display: inline-block;
         vertical-align: bottom;
     }
     .multicol > div {
         float: left;
         height: 200px;
     }
 </style>
 <div class="float">
 </div>
 <div class="multicol">
     <div>
         First column<br>
         First column<br>
         First column<br>
         First column<br>
         First column<br>
     </div>
     <div>
         Second column<br>
         Second column<br>
         Second column<br>
         Second column<br>
         Second column<br>
     </div>
 </div>
	<!DOCTYPE html>
	<style>
	body {
	-webkit-writing-mode: vertical-lr;
	}
	.float {
	float: left;
	width: 100px;
	height: 200px;
	background-color: lime;
	}
	.multicol {
	height: 400px;
	border: 10px solid black;
	line-height: 20px;
	display: inline-block;
	vertical-align: bottom;
	}
	.multicol > div {
	float: left;
	height: 200px;
	}
	</style>
	<div class="float">
	</div>
	<div class="multicol">
	<div>
	First column<br>
	First column<br>
	First column<br>
	First column<br>
	First column<br>
	</div>
	<div>
	Second column<br>
	Second column<br>
	Second column<br>
	Second column<br>
	Second column<br>
	</div>
	</div>