ruby-align-space-around.html (1102B)
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="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-align-property"> 7 <link rel="match" href="ruby-align-space-around-ref.html"> 8 <link rel="stylesheet" href="/fonts/ahem.css"> 9 <link rel="stylesheet" href="support/ruby-common.css"> 10 <style> 11 ruby { line-height: 0; } 12 rt > div { width: 160px; } 13 14 .annotation-test ruby { line-height: 0; } 15 .annotation-test rt { font-size: 100%; } 16 .annotation-test rb { font-size: 0; } 17 .annotation-test rb > div { width: 160px; } 18 </style> 19 <body style="font: 16px/3 Ahem"> 20 <ruby style="ruby-align: space-around"> 21 <rb>X X X<rt><div></div></rt> 22 </ruby><br> 23 <ruby> 24 <rb style="ruby-align: space-around">X X X<rt><div></div></rt> 25 </ruby> 26 27 <div class="annotation-test"> 28 <ruby style="ruby-align: space-around"> 29 <rb><div></div><rt>X X X</rt> 30 </ruby><br> 31 <ruby> 32 <rb><div></div><rt style="ruby-align: space-around">X X X</rt> 33 </ruby> 34 </div>