在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/