| <!DOCTYPE html> |
| <html lang="ja"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>CSS Reference: Basic nested ruby</title> |
| <link rel="author" title="Xidorn Quan" href="mailto:csswg@upsuper.org"> |
| <style> |
| div { |
| display: inline-block; |
| padding: 20px; |
| border: 1px solid black; |
| } |
| ruby { |
| ruby-position: over; |
| } |
| </style> |
| </head> |
| <body> |
| <p>Test passes if content in the two blocks are identical:</p> |
| <div id="test"> |
| <ruby><rb>東<rb>南<rt>とう<rt>なん<rtc lang=en>Southeast</ruby>の方角 |
| </div> |
| <div id="ref"> |
| <ruby><rb>東<rb>南<rt>とう<rt>なん<rtc lang=en>Southeast</ruby>の方角 |
| </div> |
| </body> |
| </html> |
