同行同高度显示图片和文字

我自己编写网站的时候，经常碰到一些小图片和一行文字在同一行显示，不经过什么css设置的时候，图片经常比所在行的文字要高出一点点，这样的显示效果需要完善下，把文字合图片弄成同一行同以高度，

在网上搜索了，基本上要如此设计

...

<td style="text-align:left;width:88px;height:18px; line-height:18px; vertical-align:middle;"><img src="images/username1.gif" alt="企业商友" style="height:18px;width:20px;" /><a href="#">商友001</a></td>

 

其中height:18px; line-height:18px; vertical-align:middle；为关键设置

但是还是没实现同高度，最后在img标签里面添加css样式float:left才实现效果.......