| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>CSS Reference</title> | |
| <style> | |
| .clamp { | |
| font: 16px / 32px serif; | |
| white-space: pre-wrap; | |
| } | |
| .ruby-under ruby { | |
| ruby-position: under; | |
| } | |
| </style> | |
| <div class="clamp"><ruby>一<rt>いち</ruby><ruby>行<rt>ぎょう</ruby><ruby>目<rt>め</ruby> | |
| <span class="ruby-under"><ruby>ニ<rt>に</ruby><ruby>行<rt>ぎょう</ruby><ruby>目<rt>め</ruby></span> | |
| <ruby>三<rt><ruby>さん<rt>san</ruby></ruby><ruby>行<rt><ruby>ぎょう<rt>gyou</ruby></ruby><ruby>目<rt><ruby>め<rt>me</ruby></ruby>…</div> |