LayoutTests/fast/text/emphasis-overlap.html

   1 <style>
   2     div div { font-family: ahem; font-size: 32px; -webkit-font-smoothing: none; display: inline-block; margin: 8px 0; }
   3     .horizontal-bt { -webkit-writing-mode: horizontal-bt; }
   4     .over { color: blue; -webkit-text-emphasis: "m"; -webkit-text-emphasis-position: over; }
   5     .under { color: green; -webkit-text-emphasis: "m"; -webkit-text-emphasis-position: under; }
   6 </style>
   7 <div>
   8     <div>
   9         1111
  10         <br>
  11         <span>2222</span>
  12         <br>
  13         <span class="over">3333</span>
  14         <br>
  15         4444
  16     </div>
  17     <div>
  18         1111
  19         <br>
  20         <span class="under">2222</span>
  21         <br>
  22         <span>3333</span>
  23         <br>
  24         4444
  25     </div>
  26     <div>
  27         1111
  28         <br>
  29         <span class="under">2222</span>
  30         <br>
  31         <span class="over">3333</span>
  32         <br>
  33         4444
  34     </div>
  35 </div>
  36 <div class="horizontal-bt">
  37     <div>
  38         1111
  39         <br>
  40         <span>2222</span>
  41         <br>
  42         <span class="under">3333</span>
  43         <br>
  44         4444
  45     </div>
  46     <div>
  47         1111
  48         <br>
  49         <span class="over">2222</span>
  50         <br>
  51         <span>3333</span>
  52         <br>
  53         4444
  54     </div>
  55     <div>
  56         1111
  57         <br>
  58         <span class="over">2222</span>
  59         <br>
  60         <span class="under">3333</span>
  61         <br>
  62         4444
  63     </div>
  64 </div>