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

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