<div>
<span></span>
<I>i标签内容</i>
<div>
style
div {
width:200px;
height:200px;
}
span{
vertical-align:middle;
display:inline-block;
height:100px;
}
sub元素基线与父元素的下标基线对齐。
super元素基线与父元素的上标基线对齐。
text-top元素顶端与父元素字体的顶端对齐。
text-bottom元素底端与父元素字体的底端对齐。
middle元素中垂线与父元素的基线加上小写x一半的高度值对齐。
