| <!DOCTYPE html> | |
| <meta charset="UTF-8"> | |
| <title>ruby-overhang: spaces allows the annotation to overhang adjacent spaces</title> | |
| <style> | |
| body { margin: 0; } | |
| div { font-family: Ahem; font-size: 20px; line-height: 3; } | |
| ruby, rt { color: transparent; } | |
| </style> | |
| <div>X <ruby style="ruby-overhang: auto">X<rt>XXXX</rt></ruby> X</div> |