| <!DOCTYPE html> |
| <link rel="stylesheet" href="/fonts/ahem.css"> |
| <style> |
| body { |
| display: flow-root; |
| font-family: Ahem; |
| font-size: 10px; |
| } |
| |
| ruby { |
| color: transparent; |
| } |
| |
| rt { |
| color: green; |
| } |
| </style> |
| <div style="margin: 10px 0px 20px 10px;"><ruby>base<rt>annotation</rt></ruby></div> |
| <div style="margin-top: 10px;"><ruby>base<rt>annotation</rt></ruby></div> |
| <div style="margin-bottom: 30px;"><ruby>base<rt>annotation</rt></ruby></div> |
| <div style="margin: 20px 0px 10px 10px"><ruby>base<rt>annotation</rt></ruby></div> |
| <div style="margin: 20px 0px 0px 0px"><ruby>base<rt>annotation</rt></ruby></div> |
| <div style="margin: 0px 0px 10px 0px"><ruby>base<rt>annotation</rt></ruby></div> |
| |
| <div style="writing-mode: vertical-lr"> |
| <div style="margin: 0px 0px 0px 10px"><ruby>base<rt>annotation</rt></ruby></div> |
| <div style="margin: 0px 0px 0px 10px"><ruby>base<rt>annotation</rt></ruby></div> |
| <div style="margin: -10px 0px 0px 0px"><ruby>base<rt>annotation</rt></ruby></div> |
| </div> |
