Css 两个换行文本共享同一行的div

简单问题-如何让这两个div共享同一行：

<div style="width: 200px; padding: 0; background-color: #f00; float: left; display: inline; ">Lorem ipsum dolor sit</div>
<div style="margin-left: 200px; padding: 0; background-color: #0f0; float: right; display: inline; ">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis interdum leo nec purus eleifend ut laoreet metus varius. Praesent lobortis risus sem. Duis gravida risus convallis purus dapibus fermentum. Nulla nec arcu pellentesque justo hendrerit pulvinar id ac velit. Nulla cursus volutpat risus, id volutpat metus tempus eget. Morbi rhoncus, diam sed vestibulum elementum, odio nulla faucibus ligula, ut dapibus lorem nunc vitae purus. Nam commodo iaculis ultricies. Etiam in velit dolor, vel convallis tellus. Aliquam tincidunt, erat ac dictum varius, sapien mi faucibus est, sit amet venenatis nisl massa non turpis. Donec eget libero mauris. Cras ac magna est, id hendrerit est.</div>

Lorem ipsum dolor-sit
在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。狮子座和狮子座之间有两种不同。Praesent lobortis risus sem。杜氏酵母菌。这是一个很好的例子。不，不，不，不，不，不。菱形病床，直径前庭元素，无舌苔，无舌苔。Nam Comodo iaculis ultricies。这是我的梦想，我的梦想。阿利奎姆·廷西德，他是一位著名的作家，他是一位圣哲，坐在威尼斯人的身旁。Donec eget libero mauris。克拉斯ac麦格纳东部，我是亨德雷特东部。

编辑：另外，我需要第二个（右）div来填充剩余的空间，所以设置宽度在我的情况下不起作用。另外，我需要右div显示为块，这样当它换行时，它开始与右div上第一行的开头齐平（“Cum socis…”）

---

提前感谢。

删除

浮动：右和第二个
显示：inline：

<div style="width: 200px; padding: 0; background-color: #f00; float: left; display: inline; ">Lorem ipsum dolor sit</div>
<div style="margin-left: 200px; padding: 0; background-color: #0f0;">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis interdum leo nec purus eleifend ut laoreet metus varius. Praesent lobortis risus sem. Duis gravida risus convallis purus dapibus fermentum. Nulla nec arcu pellentesque justo hendrerit pulvinar id ac velit. Nulla cursus volutpat risus, id volutpat metus tempus eget. Morbi rhoncus, diam sed vestibulum elementum, odio nulla faucibus ligula, ut dapibus lorem nunc vitae purus. Nam commodo iaculis ultricies. Etiam in velit dolor, vel convallis tellus. Aliquam tincidunt, erat ac dictum varius, sapien mi faucibus est, sit amet venenatis nisl massa non turpis. Donec eget libero mauris. Cras ac magna est, id hendrerit est.</div>

Lorem ipsum dolor-sit
在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。狮子座和狮子座之间有两种不同。Praesent lobortis risus sem。杜氏酵母菌。这是一个很好的例子。不，不，不，不，不，不。菱形病床，直径前庭元素，无舌苔，无舌苔。Nam Comodo iaculis ultricies。这是我的梦想，我的梦想。阿利奎姆·廷西德，他是一位著名的作家，他是一位圣哲，坐在威尼斯人的身旁。Donec eget libero mauris。克拉斯ac麦格纳东部，我是亨德雷特东部。
使它们都向左浮动，您也可以尝试将浮动放在float:left的正上方

如果这不起作用，试着在第二个分区上加一个宽度

如果不起作用，请将您的页面发送给我们，还有其他问题


编辑——这是一种使用绝对定位的替代方法

<div style="width: 200px; padding: 0; background-color: #f00; position:absolute;">Lorem ipsum dolor sit</div>
<div style="margin-left: 200px; padding: 0; background-color: #0f0;">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis interdum leo nec purus eleifend ut laoreet metus varius. Praesent lobortis risus sem. Duis gravida risus convallis purus dapibus fermentum. Nulla nec arcu pellentesque justo hendrerit pulvinar id ac velit. Nulla cursus volutpat risus, id volutpat metus tempus eget. Morbi rhoncus, diam sed vestibulum elementum, odio nulla faucibus ligula, ut dapibus lorem nunc vitae purus. Nam commodo iaculis ultricies. Etiam in velit dolor, vel convallis tellus. Aliquam tincidunt, erat ac dictum varius, sapien mi faucibus est, sit amet venenatis nisl massa non turpis. Donec eget libero mauris. Cras ac magna est, id hendrerit est.</div>

Lorem ipsum dolor-sit
在自然社会中，因怀孕而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯，因饥饿而死亡的蒙特斯。狮子座和狮子座之间有两种不同。Praesent lobortis risus sem。杜氏酵母菌。这是一个很好的例子。不，不，不，不，不，不。菱形病床，直径前庭元素，无舌苔，无舌苔。Nam Comodo iaculis ultricies。这是我的梦想，我的梦想。阿利奎姆·廷西德，他是一位著名的作家，他是一位圣哲，坐在威尼斯人的身旁。Donec eget libero mauris。克拉斯ac麦格纳东部，我是亨德雷特东部。
让它们都向左浮动是行不通的——结果是一样的。我不能在第二个分区上加一个宽度（尽管这解决了问题）——我想让它填充剩余的宽度。代码与您看到的一模一样。将它粘贴到一个空的html文件中，就是这样。如果我能做到这一点，我就是黄金。这种方法很有效，但我需要它做块显示，这样当它包装时，它会从第二个div的开头开始。我尝试过将其与display属性结合使用，但无法得到我想要的结果。然后需要一个
float:left
上的code>不应该是
显示：inline
很抱歉，仍然无法运行此功能。我可能没有完全按照你说的那样做。Kerry的上述解决方案有效，但感谢您的帮助。