CodePen Embed - html-ruby

<section>写法一：
  <ruby>
    <rb>汉</rb><rt>han</rt><rp>(han)</rp>
    <rb>字</rb><rt>zi</rt><rp>(zi)</rp>
  </ruby>
</section>

<section>写法二：
  <ruby>
  汉 <rp>(</rp><rt>han</rt><rp>)</rp>
  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
</section>

This Pen is owned by Zhu Ye on CodePen.

See more by @yliaz on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.