<!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>