chromium/third_party/blink/manual_tests/match-marker-rects.html

<style>
    div {
        height: 50px;
        width: 110px;
        margin: 10px 0;
        padding: 10px;
        border: solid black;
        font-size: 25px;
    }

    div.columns {
        -webkit-columns: 2;
        -webkit-column-gap: 10px;
    }

    div.scroll {
        overflow-y: scroll; 
    }
</style>
<p>
    In Safari, choose Edit > Find > Find, and type the strings &ldquo;xyz&rdquo;
    and &ldquo;123&rdquo;. The white &ldquo;holes&rdquo; in the Find overlay
    should line up with the matching text below.
</p>
<div class="columns">
    <br>xyz
</div>
<div class="scroll" id="scroll">
    <br><br>123<br><br>
</div>
<script>
    document.getElementById("scroll").scrollTop = 100;
</script>