vertical-align包括以下取值：
baseline:浏览器默认取值；
sub:文字的下标；
super:文字的上标；
top:垂直向上对齐；
text-top:使元素和上级元素的字体向上对齐；
middle:垂直居中对齐；
text-bottom:使元素和上级元素的字体向下级对齐。如下：
<html>
<head>
<title></title>
<style type="text/css">
.ch{
vertical-align:super;
font-size:20px;
font-weight:400;
}
</style>
</head>
<body>
5<span class="ch">2</span>-2<span class="ch">2</span>=21
</body>
</html>
这段代码中首先在<head></head>之间，用<style>定义了ch标记中vertical属性为super,表示文字上标，然后对正文中的文本用ch样式。
关于垂直对齐方式vertical-align,布布扣,bubuko.com
原文：http://my.oschina.net/u/1865746/blog/300206