v151 · CSS · typography

Content Authoring Tool

Build your own ruby-annotated text. Add base+annotation pairs, then toggle between auto, spaces, and the legacy none alias to see the live rendering. Switch to vertical writing mode. Copy the generated HTML and CSS when you're happy.

1 — Add base + annotation pairs
Presets:
  • No pairs yet — add one above or load a preset.
2 — Live preview
ruby-overhang:
Writing mode:
Add pairs to see the preview…
3 — Generated HTML + CSS

see also

implementation reference

Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗