<style>
    div { font-size: 20px; font-family: ahem; border: solid black; color: indigo; width: 25em; margin: 8px 0; -webkit-font-smoothing: none; }
    ruby { color: blue; }
    ruby rt { color: silver; }
</style>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby><ruby>yy<rt>yyyyyyyy</rt></ruby><ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby>
<ruby>yy<rt>yyyyyyyy</rt></ruby>
<ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby> <ruby>yy<rt>yyyyyyyy</rt></ruby> <ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby>l<ruby>yy<rt>yyyyyyyy</rt></ruby>l<ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby>ll<ruby>yy<rt>yyyyyyyy</rt></ruby>ll<ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby>lll<ruby>yy<rt>yyyyyyyy</rt></ruby>lll<ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>
<div>
<ruby>xx<rt>xxxxxxxx</rt></ruby>llll<ruby>yy<rt>yyyyyyyy</rt></ruby>llll<ruby>zz<rt>zzzzzzzz</rt></ruby>
</div>