match-marker-rects.html 713 B

123456789101112131415161718192021222324252627282930313233
  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. div.columns {
  11. -webkit-columns: 2;
  12. -webkit-column-gap: 10px;
  13. }
  14. div.scroll {
  15. overflow-y: scroll;
  16. }
  17. </style>
  18. <p>
  19. In Safari, choose Edit > Find > Find, and type the strings &ldquo;xyz&rdquo;
  20. and &ldquo;123&rdquo;. The white &ldquo;holes&rdquo; in the Find overlay
  21. should line up with the matching text below.
  22. </p>
  23. <div class="columns">
  24. <br>xyz
  25. </div>
  26. <div class="scroll" id="scroll">
  27. <br><br>123<br><br>
  28. </div>
  29. <script>
  30. document.getElementById("scroll").scrollTop = 100;
  31. </script>