<!DOCTYPE html>
<style>
body {
-webkit-writing-mode: vertical-rl;
}
div.columns {
-webkit-columns: 2;
-webkit-column-gap: 0;
-webkit-column-rule-color: gray;
-webkit-column-rule-width: 12px;
column-fill: auto;
width: 200px;
height: 20px;
display: inline-block;
}
div.columns div {
width: 400px;
}
</style>
<div class="columns" style="-webkit-column-rule-style: solid; column-rule-style: solid;">
<div></div>
</div>
<div class="columns" style="-webkit-column-rule-style: dotted; column-rule-style: dotted;">
<div></div>
</div>
<div class="columns" style="-webkit-column-rule-style: dashed; column-rule-style: dashed;">
<div></div>
</div>
<div class="columns" style="-webkit-column-rule-style: groove; column-rule-style: groove;">
<div></div>
</div>
<div class="columns" style="-webkit-column-rule-style: ridge; column-rule-style: ridge;">
<div></div>
</div>
<div class="columns" style="-webkit-column-rule-style: inset; column-rule-style: inset;">
<div></div>
</div>
<div class="columns" style="-webkit-column-rule-style: outset; column-rule-style: outset;">
<div></div>
</div>
<div class="columns" style="-webkit-column-rule-style: double; column-rule-style: double;">
<div></div>
</div>