Stay organized with collections
Save and categorize content based on your preferences.
Published: Feb 21, 2025
The HTML <ruby> element lets you display phonetic annotations or other supplemental information above or beside base text. It is commonly used in East Asian languages.
A <ruby> element consists of two main parts, ruby base which is the main text and ruby text which is the annotation text, marked up with the <rt> element.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
ruby-align
The ruby-align CSS property controls the alignment of ruby base text and ruby annotation text. The property accepts one of the keyword values, space-around, space-between, start, and center.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Last updated 2025-02-21 UTC.
[[[“Easy to understand”,”easyToUnderstand”,”thumb-up”],[“Solved my problem”,”solvedMyProblem”,”thumb-up”],[“Other”,”otherUp”,”thumb-up”]],[[“Missing the information I need”,”missingTheInformationINeed”,”thumb-down”],[“Too complicated / too many steps”,”tooComplicatedTooManySteps”,”thumb-down”],[“Out of date”,”outOfDate”,”thumb-down”],[“Samples / code issue”,”samplesCodeIssue”,”thumb-down”],[“Other”,”otherDown”,”thumb-down”]],[“Last updated 2025-02-21 UTC.”],[],[]]
“I appreciate the detailed explanation, very helpful!”
Thank you