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

 <!DOCTYPE html>
 <style>
     body {
         -webkit-writing-mode: vertical-rl;
     }
     .columns {
         -webkit-column-count: 3;
         -webkit-column-rule: 2px solid black;
         -webkit-column-gap: 20px;
         column-count: 3;
         column-rule: 2px solid black;
         column-gap: 20px;
         column-fill: auto;
         height: 340px;
         width: 100px;
         padding: 20px;
         border: 10px solid maroon;
         margin-right: 1em;
         line-height: 20px;
     }
 </style>
 <div class="columns">
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
 </div>

 <div class="columns" style="direction:rtl;">
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
     Column text.<br>
 </div>
	<!DOCTYPE html>
	<style>
	body {
	-webkit-writing-mode: vertical-rl;
	}
	.columns {
	-webkit-column-count: 3;
	-webkit-column-rule: 2px solid black;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-rule: 2px solid black;
	column-gap: 20px;
	column-fill: auto;
	height: 340px;
	width: 100px;
	padding: 20px;
	border: 10px solid maroon;
	margin-right: 1em;
	line-height: 20px;
	}
	</style>
	<div class="columns">
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	Column text.<br>
	</div>

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