chromium/third_party/blink/web_tests/fast/multicol/many-lines-overflow-in-single-row-inner.html

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