Html 合并ruby基本文本 敏捷 闵杰 的 判定元件 棕色 这里有点长的

上述html的输出：

如果拼音很长，多个汉字就会分开。有什么方法可以让你的生活更美好吗棕色 合并

我尝试了ruby-align:center，也尝试了text-align:center。两者都不会对基础文本产生影响

<ruby>
    敏捷
    <rt>minjie</rt>
     的
    <rt>de</rt>
    棕色
    <rt>someLongPinyinHere</rt>
</ruby>