css - Firefox 问题 - 带文本的内联 DIV

Question

我想不出在 Firefox 中实现此功能的方法，希望您能给我一些建议。我需要 DIV 类 .inline-text 中的所有文本出现在 LABEL 旁边并根据可用宽度换行。它在 IE 中运行良好，但 Firefox 不喜欢它，并将其整个 block 推到一个新行上。如果我将 .inline-text 设置为具有固定宽度，它会工作得很好，但不幸的是，对于我的元素，我不能这样做，所以我需要一种方法让它成为“流动的”并且仍然显示为内联。

我的 CSS:

#container {
width:530px;
}
label {
font-weight:bold;
text-align:right;
width:130px;
margin-right:20px;
float:left;
display:inline;
}
.inline-text {
float:left;
display:inline;
}

我的 HTML

<div id="container">
<label>A label</label>
<div class="inline-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.  Aenean   commodo ligula eget dolor.  Aenean massa.  Cum sociis natoque penatibus   et magnis dis parturient montes, nascetur ridiculus mus.</div>
</div>

Answer 1

如果我没理解错的话，这就是你想要的:

.inline-text {
  margin-left: 150px;
}