<!DOCTYPE html>
<style>
span:nth-of-type(3n+1)::before { color:salmon; content:"salmon"; }
span:nth-of-type(3n+2)::before { color:blue; content:"blueberry"; }
span:nth-of-type(3n+3)::before { color:olive; content:"olive"; }
</style>
<p>
There should be 5 columns below. Each column should have 3 lines. The first
line should read "<span></span>". The second line should read
"<span></span>". The third line should read "<span></span>". The lines
should be perfectly vertically aligned with the corresponding lines in the
other columns.
</p>
<div style="columns:2; width:418px; height:200px; column-fill:auto; column-gap:0; line-height:20px; text-align:center; orphans:1; widows:1;">
<div id="inner" style="columns:2; height:75px; column-gap:9px; column-fill:auto; column-rule:1px solid;">
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
<span></span><br>
</div>
</div>