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

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>

 

效果