Метка отображается под текстовым полем ввода

Question

Это мой пример ввода кода. Таким образом, всякий раз, когда генерируется ошибка, эта метка ошибки будет видна. Но он подходит ниже элемента ввода. Я хочу, чтобы он был справа от ввода.

Я могу изменить 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>

Answer 1

Поместите <label> перед элементом <input>. Я знаю, что это странно, но, вероятно, это будет работать.

Изменить: подождите, может быть, вы не можете изменить порядок своих тегов, в этом случае это не очень хороший совет.

Отредактируйте еще: Вы можете попробовать добавить:

td {
    white-space: nowrap;
}

на ваш css, поэтому ярлык больше не будет отображаться под текстовым полем. Вам больше не понадобится код float. ОДНАКО, все td перестанут переносить текст, который может быть не тем, что вы хотите. Ответ Давида может быть лучше.

Answer 2

Плавающий элемент делает его блоком, который запускает новую строку перед ним.

Вам также нужно сместить вход слева.

Answer 3

На самом деле размер родительского (-ых) элемента (-ов) вызывает разрыв строки. В вашем коде нет ничего плохого, как вы можете видеть здесь:

http://jsfiddle.net/Pc2QB/

Answer 4

Один или другой блок.Если один из них является блоком, это приведет к тому, что элементы будут накладываться друг на друга.Либо плавающие, как предложил Дэвид Дорвард, либо установите для них отображение inline