css - 用 css 包裹文本

Question

我有以下html：

<label class="description">Label Text</label><input type="password" />

CSS样式是：

fieldset span.formrow label.description {
    width: 150px;
    display: -moz-inline-box;
    display: inline-block;
}

我的问题是，在 Firefox 2 中，如果文本超过 150 像素的限制，则该行不会中断。相反，文本显示在输入文本字段的后面。

有没有可能改变行为？

Answer 1

尝试：

fieldset span.formrow label.description { width: 150px; display: block; float: left; } 

Answer 2

fieldset span.formrow label.description { 
  width: 150px; 
  float:left;
  clear:left; 
}

试试这个！

安德鲁