HTMLで使う装飾文字（ルビ、上付き、下付き、インデント）

よく使う装飾文字（ルビ、上付き、下付き、インデント）のまとめです。

ルビ

sample.html

<ruby><rb>佐藤</rb><rt>さとう</rt></ruby>

例：佐藤さとう

上付き文字

sample.html

<sup>上付き文字</sup>

例：100万人^※1

下付き文字

sample.html

<sub>下付き文字</sub>

例：H₂0

ぶら下げインデント

sample.html

<p class="bracket">ぶら下げインデント</p>

sample.sass

p
  font-size: 16px
  &.bracket
    padding-left: 2em
    position: relative
  &.bracket:before
    content: "※1"
    position: absolute
    left: 0
    top: 0

例：※1 こんな感じのがやりたい時

参考サイト（ぶら下げインデントについて詳しくまとまっています）
http://www.acky.info/tips/css/00006.html
*掲載許をいただいています。