<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
ruby {
font-size: 14px;
}
ruby span {
letter-spacing: 10px;
}
rt {
font-size: 11px;
}
</style>
</head>
<body>
<ruby>
<span>中國人民萬萬歲</span><rt>zhong guo ren min wan wan sui</rt>
</ruby><br/>
<ruby>
<span>博客園</span><rt>bo ke yuan</rt>
</ruby>
</body>
</html>
結果：
2：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>無標題文檔</title>
<style>
rt {
font-size: 18px;
padding-left: 10px;
}
</style>
</head>
<body>
<ruby>中<rt>zhōng</rt>國<rt>guó</rt>人<rt>rén</rt>民<rt>mín</rt></ruby>
</body>
</html>
結果：
