two-rows-then-spanner-then-two-rows.html

<!DOCTYPE html>
<style>
    .first { color:blue; }
    .second { color:olive; }
    .third { color:brown; }
</style>
<p>There should be three lines of text below, with large letter spacing. The text on the first line should be blue, the ones on the second should be olive, and the ones on the third should be brown.</p>
<div style="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:6em; line-height:30px; height:90px; orphans:1; widows:1;">
    <div style="-webkit-columns:2; -webkit-column-gap:0;">
        <span class="first">S<br></span>
        <span class="second">T<br></span>
        <span class="third">B<br></span>
        <span class="first">E<br></span>
        <span class="second">H<br></span>
        <span class="third">E<br></span>
        <span class="first">R<br></span>
        <span class="first">V<br></span>
        <div style="-webkit-column-span:all;" class="second">E</div>
        <span class="third">E<br></span>
        <span class="third">R<br></span>
        <span class="first">E<br></span>
    </div>
</div>

chromium/third_party/blink/web_tests/fast/multicol/span/two-rows-then-spanner-then-two-rows.html