初心者のスタイルシート(CSS)講座：ルビの位置
・ruby-alignとruby-position
ルビの位置を指定する
ruby-align・・・ルビの開始位置や文字間隔を設定します。
ruby-position・・ルビが表示される位置を指定します。
【ルビの位置を指定する方法】
ruby-align：キーワード
ruby-position：キーワード
【ruby-alignのキーワード】
auto・・・・・・・・・・ルビを自動的に割り振る（デフォルト）。日本語、中国語、韓国語などの場合はdistribute-space 、アルファベットの場合はcenterが適用される。
left・・・・・・・・・・ ルビを振るテキストに対して左詰めで表示する。
center・・・・・・・・・ルビを振るテキストに対してセンタリングして表示する。
distribute-letter・・・ルビを均等に割り振る。ルビの方が長い場合にはセンタリングして表示する。
distribute-space・・・前後にスペースを空けてルビを均等に割り振る。ルビの方が長い場合はセンタリングして表示する。
line-edge・・・・・・ルビを振るテキストが行端にある場合はその端によせて表示する。それ以外はセンタリングして表示する。
【ruby-positionのキーワード】
above・・・ルビを振るテキストの上に表示する。
inline・・・ルビを振るテキストの直後に表示する。