third_party/WebKit/LayoutTests/fast/text/emphasis-overlap.html

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