Html 在同一行上浮动三个父div和子div

我已经创建了三个图像，上面覆盖了文本（每个都在一个div中）。我想把这些安排在同一条线上

<div style="position: relative; background: url(http://www.workbooks.com/sites/default/files/image/web-based-crm.png); width: 282px; height: 125px; width:282;">
    <div style="position: absolute; top: 0em; left: 0.7em; width: 282px; height: 125; font-weight: bold; color: #fff; font-size: 25px; font-family: Arial; float: left;">
        <p>Maximise<br />
            marketing ROI<br />
            with lead tracking</p>
    </div>
</div>

<div style="position: relative; background: url(http://www.workbooks.com/sites/default/files/image/crm-software-image.png); width: 282px; height: 125px;">
    <div style="position: absolute; top: 0.5em; left: 0.7em; width: 282px; height: 125; font-weight: bold; color: #fff; font-size: 25px; font-family: Arial; float: left;">
        <p>Save time with<br />
            automatic reports</p>
    </div>
</div>
<div style="position: relative; background: url(http://www.workbooks.com/sites/default/files/image/crm-systems-image.png); width: 282px; height: 125px;">
    <div style="position: absolute; top: 0em; left: 0.7em; width: 282px; height: 125; font-weight: bold; color: #fff; font-size: 25px; font-family: Arial;">
        <p>Fast adoption<br />
            with a simple<br />
            user interface</p>
    </div>
</div>

最大化

营销ROI

有线索追踪

使用
节省时间
自动报告

快速采用

用一个简单的

用户界面

我不确定怎么做，浮球？显示：内联

---

小提琴：

浮动：左工作正常。你有什么理由不同意吗？两个都可以。在本例中，我个人会使用
display:inline块
。@Jaw.sh，因为它不起作用，请看-它起作用了。由于容器太小，它正在包装到下一行。让那个细胞长出来，这太尴尬了