third_party/WebKit/LayoutTests/fast/ruby/overhang-horizontal.html

   1 <script src="../../resources/ahem.js"></script>
   2 <style>
   3     div { font-size: 20px; font-family: Ahem; border: solid black; color: indigo; width: 10em; margin: 8px 0; -webkit-font-smoothing: none; }
   4     ruby { color: blue; }
   5     ruby rt { color: silver; }
   6 </style>
   7 <div>
   8     abc<ruby>xx<rt>y y</rt></ruby>def
   9 </div>
  10 <div>
  11     abc<ruby>xx<rt>yy yy</rt></ruby>def
  12 </div>
  13 <div>
  14     abc<ruby>xx<rt>yyyyyy</rt></ruby>def
  15 </div>
  16 <div>
  17     abc<ruby>x x<rt>yyy yyy</rt></ruby>def
  18 </div>
  19 <div>
  20     <ruby>xx<rt>yy yy</rt></ruby>def g hi
  21 </div>
  22 <div>
  23     a<ruby>xx<rt>yy yy</rt></ruby>def g h
  24 </div>
  25 <div>
  26     a b bc b<ruby>xx<rt>yy yy</rt></ruby>
  27 </div>
  28 <div>
  29     a b b b<ruby>xx<rt>yy yy</rt></ruby><span style="font-size: 50%">de
  30 </div>
  31 <div>
  32     a b b <ruby>xx<rt>yy yy</rt></ruby><span style="font-size: 150%">d
  33 </div>
  34 <div>
  35     <span style="font-size: 50%">cb</span><ruby>xx<rt>yy yy</rt></ruby>ij
  36 </div>
  37 <div>
  38     <span style="font-size: 150%">c</span><ruby>xx<rt>yy yy</rt></ruby>ij
  39 </div>