将图像放在jQuery选项卡中？

Question

是否有正确的方法将图像放在用作jQuery标签的 li 中的 a 标记旁边？

<div id="tabs">
  <ul>
     <li><a href="#">Text</a>{I want the image here}</li>
  </ul>
</div>

使用带有内联块的图像作为背景的div工作，但我读过应该避免使用内联块。

<div style="display:inline" class="ui-icon ui-icon-refresh">

有更好的方法吗？

Answer 1

你能不能只使用垂直对齐的图像？

<img src="image.jpg" style="vertical-align: middle" />

Answer 2

这个解决方案对我很有用：

标签HTML代码：

<div id="tabs">
     <ul>
    <li><a href="link1.php"><img src="image1.png" border="0">menu item 1</a></li>
    <li><a href="link2.php"><img src="image2.png" border="0">menu item 2</a></li>
    <li><a href="link3.php"><img src="image3.png" border="0">menu item 3</a></li>
    <li><a href="link4.php"><img src="image4.png" border="0">menu item 4</a></li>
     </ul>
</div>

和CSS

#tabs ul li img, #second ul li img {
vertical-align: middle;
margin-right: 8px;
}