ruby-align-space-around-ref.html (1201B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <title>Tests for ruby-align</title> 4 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> 5 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 6 <link rel="stylesheet" href="/fonts/ahem.css"> 7 <link rel="stylesheet" href="support/ruby-common.css"> 8 <style> 9 div { width: 160px; box-sizing: border-box; } 10 11 .annotation-test ruby { line-height: 0; } 12 .annotation-test rt { font-size: 100%; } 13 .annotation-test rb { font-size: 0; } 14 .annotation-test rt > div { width: 160px; box-sizing: border-box; } 15 </style> 16 <body style="font: 16px/3 Ahem"> 17 <!-- 8px = (width: 160px - 5 * font-size: 16px) / 18 (1 + justification opportunities: 4) / 2 --> 19 <div style="text-align-last: justify; padding: 0 8px">X X X</div> 20 <div style="text-align-last: justify; padding: 0 8px">X X X</div> 21 22 <div class="annotation-test"> 23 <!-- 8px = (width: 160px - 5 * font-size: 16px) / 24 (1 + justification opportunities: 4) / 2 --> 25 <ruby> 26 <rb></rb><rt><div style="text-align-last: justify; padding: 0 8px">X X X</div></rt> 27 </ruby><br> 28 <ruby> 29 <rb></rb><rt><div style="text-align-last: justify; padding: 0 8px">X X X</div></rt> 30 </ruby> 31 </div>