vertical-align:baseline 效果演示

vertical-align

属性取值:

baseline（默认值，基线对齐）
sub（下标对齐）
super（上标对齐）
top（顶部对齐）
text-top（文本顶部对齐）
middle（居中对齐）
bottom（底部对齐）
text-bottom（文本底部对齐）
all（以上全部演示）

HTML代码:

<p class="vertical-align">xgh<span>baseline</span></p>

CSS代码:

.vertical-align  {
	text-align: center;
	font-size: 120px;
	font-family: "Times New Roman";
}
 .vertical-align span  {
	color: #00f;
	font-size: 24px;
	vertical-align: baseline;
}

运行效果: