垂直对齐属性

vertical Align属性还采用以下值：baseline、sub、super%和px（或pt、cm）。

下面的示例显示了它们之间的区别。

html

<p>这是一行<span class="baseline">inline text</span> 文字 </p>
<p>这是一行<span class="sub">sub line text</span> 文字 </p>
<p>这是一行<span class="super">super line text</span> 文字</p>
<p>这是一行 <span class="pixel">pixel</span>文字</p>

css

span.baseline {
    vertical-align: baseline;
}
span.sub {
    vertical-align: sub;
}
span.super {
    vertical-align: super;
}
span.pixel {
    vertical-align: -10px;
}

结果：

这是一行inline text 文字 
这是一行sub line text 文字 
这是一行super line text 文字
这是一行 pixel文字