同一行文字，字体大小不同，如何垂直居中

css

.right{
height: 100px;
font-size: 14px;
line-height: 100px;

text-align: -moz-center !important;
text-align: center;
vertical-align: middle;
}
.right em{
font-size: 50px;
vertical-align: middle;
}

html

<p class="right">我是左边<em>我是中间</em>我是右边</p>

 

效果

 

 

更多专业前端知识，请上 【猿2048】www.mk2048.com