ManualTests/match-marker-rects.html

   1 <style>
   2     div {
   3         height: 50px;
   4         width: 110px;
   5         margin: 10px 0;
   6         padding: 10px;
   7         border: solid black;
   8         font-size: 25px;
   9     }
  10
  11     div.columns {
  12         -webkit-columns: 2;
  13         -webkit-column-gap: 10px;
  14     }
  15
  16     div.scroll {
  17         overflow-y: scroll;
  18     }
  19 </style>
  20 <p>
  21     In Safari, choose Edit > Find > Find, and type the strings &ldquo;xyz&rdquo;
  22     and &ldquo;123&rdquo;. The white &ldquo;holes&rdquo; in the Find overlay
  23     should line up with the matching text below.
  24 </p>
  25 <div class="columns">
  26     <br>xyz
  27 </div>
  28 <div class="scroll" id="scroll">
  29     <br><br>123<br><br>
  30 </div>
  31 <script>
  32     document.getElementById("scroll").scrollTop = 100;
  33 </script>