nested-ruby-pairing-001.html (820B)
1 <!DOCTYPE html> 2 <html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS Test: Basic nested ruby</title> 6 <link rel="author" title="Xidorn Quan" href="mailto:csswg@upsuper.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-ruby-1/#nested-pairing"> 8 <link rel="match" href="nested-ruby-pairing-001-ref.html"> 9 <style> 10 div { 11 display: inline-block; 12 padding: 20px; 13 border: 1px solid black; 14 } 15 ruby { 16 ruby-position: over; 17 } 18 </style> 19 </head> 20 <body> 21 <p>Test passes if content in the two blocks are identical:</p> 22 <div id="test"> 23 <ruby><ruby>東<rt>とう</rt>南<rt>なん</rt></ruby><rt lang=en>Southeast</rt></ruby>の方角 24 </div> 25 <div id="ref"> 26 <ruby><rb>東<rb>南<rt>とう<rt>なん<rtc lang=en>Southeast</ruby>の方角 27 </div> 28 </body> 29 </html>