图像按下无序列表

Question

我正在努力实现这个目标：

但我得到了这个：

这是我的代码：

<ul id="quicklinks-main">
<li>Quick Access to Your Pharmacy Needs:</li>
<img id="refillBttle" src="images/prescription-refill-bottle.png" alt="prescription pills" />
<li><a id="quicklinks-refill-icon" href="#">Prescription Refills</a></li>
<li><a id="quicklinks-drug-center-icon" href="#"><span>Drug Information Center</span></a></li>
</ul>

当我添加图像时，它会将列表的其余部分向下推并将其混乱。我怎么能纠正这个？

Answer 1

尝试将img包装在新的li

中

你可以在这里看到一个例子： http://www.cvs.com/