HTML：ルビのテスト

CSSでルビを振る設定を行なってみました。

漢字 ルビ

<ruby>
漢字
<rt>ルビ</rt>
</ruby>

/*-----------------------------------------------------------------
追加 - ルビ
------------------------------------------------------------------*/
ruby{
display:inline-table;
text-align:center;
white-space:nowrap;
text-indent:0;
margin:0;
vertical-align:text-bottom;
line-height:1;
}
rb{
display:table-row-group;
line-height:1;
}
rt{
display:table-header-group;
font-size:71%;
line-height:1;
letter-spacing:0;
}
rp{
display:none;
}

はてなダイアリーでルビをふる - ひとりごと