chromium/src/third_party/blink/web_tests/fast/multicol/column-count-with-rules-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE html>
 <style>
     .columns {
         width: 340px;
         height: 100px;
         padding: 20px;
         border: 10px solid maroon;
         margin-bottom: 1em;
         line-height: 20px;
     }
     .column {
         width: 100px;
     }
     .left > div {
         float: left;
     }
     .right > div {
         float: right;
     }
     .rule {
         height: 100px;
         width: 2px;
         background-color: black;
         margin: 0 9px;
     }
 </style>
 <div class="columns left">
     <div class="column">
         Column text.<br>
         Column text.<br>
         Column text.<br>
         Column text.<br>
         Column text.<br>
     </div>
     <div class="rule"></div>
     <div class="column">
         Column text.<br>
         Column text.<br>
         Column text.<br>
         Column text.<br>
         Column text.<br>
     </div>
     <div class="rule"></div>
     <div class="column">
         Column text.<br>
         Column text.<br>
     </div>
 </div>

 <div class="columns right" style="direction:rtl;">
     <div class="column">
         Column text.<br>
         Column text.<br>
         Column text.<br>
         Column text.<br>
         Column text.<br>
     </div>
     <div class="rule"></div>
     <div class="column">
         Column text.<br>
         Column text.<br>
         Column text.<br>
         Column text.<br>
         Column text.<br>
     </div>
     <div class="rule"></div>
     <div class="column">
         Column text.<br>
         Column text.<br>
     </div>
 </div>
	<!DOCTYPE html>
	<style>
	.columns {
	width: 340px;
	height: 100px;
	padding: 20px;
	border: 10px solid maroon;
	margin-bottom: 1em;
	line-height: 20px;
	}
	.column {
	width: 100px;
	}
	.left > div {
	float: left;
	}
	.right > div {
	float: right;
	}
	.rule {
	height: 100px;
	width: 2px;
	background-color: black;
	margin: 0 9px;
	}
	</style>
	<div class="columns left">
	<div class="column">
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	</div>
	<div class="rule"></div>
	<div class="column">
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	</div>
	<div class="rule"></div>
	<div class="column">
	Column text.<br>
	Column text.<br>
	</div>
	</div>

	<div class="columns right" style="direction:rtl;">
	<div class="column">
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	</div>
	<div class="rule"></div>
	<div class="column">
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	</div>
	<div class="rule"></div>
	<div class="column">
	Column text.<br>
	Column text.<br>
	</div>
	</div>