使用CSS或jQuery动态塑造（可能是流体？）div

Question

我有一个包含两个div的大div。这些较小的div必须在同一行，所以我用＆＃34; display：inline-block＆＃34;来完成。但是当第二个div的文本变长时，该div会向下移动一行。所以，我想要做的是，使第二个div变得流畅，所以它保持在同一行，然后其余部分下降。

这里我有一个来自Paint的示例图片：

我正在寻找一个可以轻松处理的CSS或jQuery解决方案。 希望我能解释一下，谢谢。

Answer 1

为#text div设置float: left;样式，并将其放在源订单中的#secondText div之前。这会强制您的#secondText内容环绕#text。

<div id="text">Text</div>
<div id="secondText">Another text continues here</div>

CSS：

#text { float: left; }

Answer 2

您可以简单地为这两个内部div应用display:inline，如此JSFiddle