Html 标签显示在输入文本框下方

这是我的输入代码示例。因此，无论何时生成错误，此错误标签都是可见的。但是它在输入元素下面。我希望它位于输入的右侧

我可以使用label.error代码位修改此位的css。Label是类型，error是正在生成的标签的类

label.error
{
display:inline;
float:right;
}


> <td><input
> name="answer_engineeringjobs_1^11"
> id="answer_engineeringjobs_1"
> class="reqfield required zipUS error"
> type="text"><label class="error"
> generated="true"
> for="answer_engineeringjobs_1">This
> field is required.</label></td>

label.error
{
显示：内联；
浮动：对；
}
>name=“answer\u工程作业\u 1^11”
>id=“答案\u工程作业\u 1”
>class=“reqfield必需的zipUS错误”
>type=“text”>generated=“true”
>for=“answer\u engineering jobs\u 1”>此
>字段是必填的。

浮动元素使其成为块，从而在其前面触发新行

您还需要将输入向左浮动。

将

放在

元素之前。我知道这很奇怪，但它可能会起作用

编辑：等等，也许你不能改变标签的顺序，在这种情况下，这不是很好的建议

编辑更多内容：您可以尝试添加：

td {
    white-space: nowrap;
}

---

添加到css，这样标签就不会再显示在文本框下面了。您不再需要

float

代码了。但是，所有的

td

都将停止包装文本，这可能不是您想要的。大卫的答案可能更好。

一个或另一个是块。如果其中一个是块，则会导致元素堆叠在彼此的顶部。按照David Dorward的建议进行浮点运算或将其设置为显示内联

实际上是父元素的大小导致换行。正如您在此处看到的，您的代码没有问题：

---

标签是动态生成的错误消息，所以不可能将其放在输入元素之前。对，我就是这么想的。我想如果是那样的话，大卫的回答会更好。或者可以在

.input，label{display:inline；}上放置

空白：nowrap

。您也不必担心清除floats。浮动元素是问题所在。显示：内联成功了！！