如何使用CSS垂直对齐图像旁边的多个文本？

Question

我有以下代码:

<div style="width: 150px">  
<div style="padding: 5px">
   <img src="http://xenforomods.info/styles/Silent/xenforo/browser/announcementIcon.png" width="50px" style="vertical-align:middle">
    <span style="font-size:10px;">Some text here jasjsjsjsjsjjsjsjsjsjsjsjs</span>
</div>      
</div>

http://jsfiddle.net/2rAGf/

其中显示的图像如下:

如何将此图像旁边的多条线居中,这样jasj....就不会使图像下移.

Answer 1

检查此链接

给float:left样式图像标签

http://jsfiddle.net/2rAGf/12/