ruby-base-different-size.html (720B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <meta charset="UTF-8"> 4 <title>CSS Ruby Test: sizing and positioning of ruby containers when size of ruby bases and the base container differ</title> 5 <link rel="author" title="Xidorn Quan" href="https://www.upsuper.org"> 6 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-layout"> 8 <link rel="match" href="ruby-base-different-size-ref.html"> 9 <link rel="stylesheet" href="/fonts/ahem.css"> 10 <style> 11 body { 12 font: 16px/1 Ahem; 13 padding: 32px 0; 14 } 15 p { 16 margin: 0; 17 border: 5px solid blue; 18 } 19 ruby { 20 ruby-align: center; 21 } 22 .a { 23 font-size: 32px; 24 } 25 </style> 26 <p><ruby><rb class="a">X<rb>X<rt>x<rt>x</ruby></p>