html - 当第一个 div 位于两行时，如何将两个 div 并排放置？

Question

我需要将两个 div 并排放置(第二个 div 从第一个结束的地方开始)。我在 stackoverflow 上找到了相关问题但不是答案。

<div id="wrapper">
    <div id="div1">The two divs are,when first line goes to second then, second div is not appearing </div>
    <div id="div2">next to each other.</div>
</div>
#div1 {
   float:left;
    display: inline-block;

}
#div2 {
    float:left;
    display: inline-block;
}

这是 fiddler我试过的例子...

要求是，如果第一个 div 以第二行的第一个单词结尾，那么第二个 div 应该以第二行的第二个单词开始。

Answer 1

只需在 css 中添加到两个 div-

width: 50%;

更新

#div1 的 float:left; 末尾也缺少分号。在此处添加分号。