Free CSS Ruby Position Generator
Create East Asian typography with our free tool. Ruby-position for furigana and annotations.
- Position options
- Ruby alignment
- Base text styling
- Multiple annotation styles
- Browser support info
Frequently Asked Questions
What is ruby text?
Ruby text is small annotations placed above or beside base characters, commonly used in Japanese for furigana (pronunciation guides) and in Chinese for pinyin.
What positions are available?
ruby-position: over (above in horizontal text), under (below), inter-character (between characters in vertical text). Support varies by browser.
How do I create ruby markup?
Use <ruby> for the container, <rb> for base text, <rt> for annotation: <ruby><rb>漢<rb><rt>かん</rt></ruby>. CSS controls the visual positioning.