<!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"; }
.fake_column { float:left; width:100px; }
.fake_rule { float:left; width:0; height:75px; margin:0 4px; border-left:1px solid; }
</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="width:545px; line-height:20px; text-align:center;">
<div class="fake_column">
<span></span><br>
<span></span><br>
<span></span><br>
</div>
<div class="fake_rule"></div>
<div class="fake_column">
<span></span><br>
<span></span><br>
<span></span><br>
</div>
<div class="fake_rule"></div>
<div class="fake_column">
<span></span><br>
<span></span><br>
<span></span><br>
</div>
<div class="fake_rule"></div>
<div class="fake_column">
<span></span><br>
<span></span><br>
<span></span><br>
</div>
<div class="fake_rule"></div>
<div class="fake_column">
<span></span><br>
<span></span><br>
<span></span><br>
</div>
</div>