ruby-align is Baseline Newly available | Articles

ruby-align reaches Baseline Newly available

The HTML <ruby> element is used to display phonetic annotations or other supplemental information above or beside base text, a common need in East Asian languages. A <ruby> element has two main parts: the ruby base, which holds the main text, and the ruby text for the annotation, marked up with the <rt> element.

<ruby>
  絵文字
  <rt>emoji</rt>
</ruby>

Associated with this markup is the ruby-align CSS property, which controls the alignment between ruby base text and ruby annotation text. The property accepts one of the keyword values space-around, space-between, start, and center.