layout/reftests/outline/outline-wrapped-span-1.html

   1 <!DOCTYPE html>
   2 <html>
   3 <meta charset="utf-8">
   4
   5 <style>
   6 html {
   7    font-family: monospace;
   8    font-size: 16px;
   9 }
  10 div {
  11    margin: 1em;
  12 }
  13 a {
  14    outline: 1px solid red;
  15    background: #dddddd;
  16 }
  17 a::after {
  18    content: '\2060';
  19 }
  20 .test1 {
  21    width: 19ch;
  22 }
  23 .test2 {
  24    width: 20ch;
  25 }
  26 .test3 {
  27    width: 21ch;
  28 }
  29 .test4 {
  30    width: 22ch;
  31 }
  32 .test5 {
  33    width: 23ch;
  34 }
  35 .test6 {
  36    width: 24ch;
  37 }
  38 </style>
  39
  40 <div class="test1">
  41 Is the red outline correct on <a href=".">this link</a>...?
  42 </div>
  43 <div class="test2">
  44 Is the red outline correct on <a href=".">this link</a>...?
  45 </div>
  46 <div class="test3">
  47 Is the red outline correct on <a href=".">this link</a>...?
  48 </div>
  49 <div class="test4">
  50 Is the red outline correct on <a href=".">this link</a>...?
  51 </div>
  52 <div class="test5">
  53 Is the red outline correct on <a href=".">this link</a>...?
  54 </div>
  55 <div class="test6">
  56 Is the red outline correct on <a href=".">this link</a>...?
  57 </div>