Html 插入图像后向下推的文本-需要垂直对齐文本

JS小提琴：

我可能有一个很容易解决的问题，但却不知道如何解决。我有一个简单的

div

，里面有一些文本，垂直地在中间，但是当我在同一个

div

中插入一个图像时，文本现在比原来低了。如何使文本的垂直高度与插入图像之前相同？图像完全垂直对齐，但文本不是

#标题(u Bi){
高度：39px；
宽度：748px；
保证金：0；
浮动：左；
左边框：1px实心#191919；
右边框：1px实心#191919；
边框底部：1px实心#191919；
字体系列：arial、verdana、helvetica、无衬线字体；
字体大小：15px；
颜色：#fff；
字号：100；
文本转换：大写；
背景#2c2c；
文本对齐：居中；
}
#标题(u Bi1){
高度：自动；
宽度：自动；
边缘顶部：10px；
}

销售及；建议电邮到这里
< /代码> 如果要将中间的文本与图像对齐，则将<代码> > {标题} BI1 IMG {垂直对齐：中间；} >到CSS 
请提供工作代码。请创建一个JSFiddle以获得更好的响应。图像在文本之前出现，所以当然会被按下。如果您真的希望所有内容都垂直居中，那么您想要的结果听起来像是文本将位于图像的顶部。可能的