html - 在 H3 旁边显示精灵背景图像 DIV

Question

我有以下 HTML：

<div style="display: inline-block; width: auto;">
    <h3>
        Search Criteria
    </h3>
    <div style="background-image: url(jQuery-UI/images/ui-icons_2e83ff_256x240.png);
        background-repeat: no-repeat; background-position: -16px -144px; width: 16px;
        height: 16px;">
    </div>
</div>

我试图让div显示在h3. 但是，正在发生的事情是div直接显示在h3.

我错过了什么？

Answer 1

你需要float你的H3和div

看看这个 jsFiddle。我在 div 中添加了背景颜色，因为我没有图像

http://jsfiddle.net/CPvXA/