如何在CSS中让图片和文本水平对齐

Question

在CSS中使用列表，列表前面是一张图片
如果让图片和列表中的文字水平对齐

Answer 1

<img src="1.jpg" align=left><li>1<li>1

Answer 2

贴上代码
  <td>
<ul class="liststyle">
    <li>新闻总数：篇</li>
        <li>技术文章：篇</li>
        <li>软件下载：个</li>
        <li>注册会员：个</li>
        <li>留言总数：条</li>
</ul>
    
   </td>
CSS文件：
.liststyle {
list-style-image: url(../image/bullet.gif);
line-height: 20px;
color: #333333;
background-color: #FDFDFD;我现在希望加协这个liststyle类后，列表前面的图片与后面的文字与图片是水平居中对齐的，还有希望这些内容在单元格中是左对齐的。前面不要有空（列表前面都有一定空格）