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

   1 <script src="../../resources/ahem.js"></script>
   2 <style>
   3     div { font-size: 20px; font-family: Ahem; border: solid black; color: indigo; width: 25em; margin: 8px 0; -webkit-font-smoothing: none; }
   4     ruby { color: blue; }
   5     ruby rt { color: silver; }
   6 </style>
   7 <div>
   8 <ruby>xx<rt>xxxxxxxx</rt></ruby><ruby>yy<rt>yyyyyyyy</rt></ruby><ruby>zz<rt>zzzzzzzz</rt></ruby>
   9 </div>
  10 <div>
  11 <ruby>xx<rt>xxxxxxxx</rt></ruby>
  12 <ruby>yy<rt>yyyyyyyy</rt></ruby>
  13 <ruby>zz<rt>zzzzzzzz</rt></ruby>
  14 </div>
  15 <div>
  16 <ruby>xx<rt>xxxxxxxx</rt></ruby> <ruby>yy<rt>yyyyyyyy</rt></ruby> <ruby>zz<rt>zzzzzzzz</rt></ruby>
  17 </div>
  18 <div>
  19 <ruby>xx<rt>xxxxxxxx</rt></ruby>l<ruby>yy<rt>yyyyyyyy</rt></ruby>l<ruby>zz<rt>zzzzzzzz</rt></ruby>
  20 </div>
  21 <div>
  22 <ruby>xx<rt>xxxxxxxx</rt></ruby>ll<ruby>yy<rt>yyyyyyyy</rt></ruby>ll<ruby>zz<rt>zzzzzzzz</rt></ruby>
  23 </div>
  24 <div>
  25 <ruby>xx<rt>xxxxxxxx</rt></ruby>lll<ruby>yy<rt>yyyyyyyy</rt></ruby>lll<ruby>zz<rt>zzzzzzzz</rt></ruby>
  26 </div>
  27 <div>
  28 <ruby>xx<rt>xxxxxxxx</rt></ruby>llll<ruby>yy<rt>yyyyyyyy</rt></ruby>llll<ruby>zz<rt>zzzzzzzz</rt></ruby>
  29 </div>