Last-modified: 2011-12-26 (月) 01:24:43
HTML・CSS/文章を上付き、下付きで表示する(vertical-align)


確認したときの環境

方法

  1. vertical-alignプロパティを使う。
    [sub(下付き)]、[super(上付き)]、[パーセンテージ]、[top/middle/bottom(要素の高さで調整する)]、[text-top/text-bottom(フォントの高さで調整する)]、[baseline(アルファベットのベースラインに合わせる)]
    Everything is expanded.Everything is shortened.
      1
      2
      3
    
    -
    |
    !
    
    a.note_super {
        vertical-align: super;            /* 文字の縦方向位置:上付き */
    }