На самом деле элементы формы в любом случае будут располагаться в строку. То, как вы это запишете (см. ниже) не влияет на результат:
<input type="text">
<button>Кнопка</button>
или
<input type="text"><button>Кнопка</button>
Если же у вас, по каким-либо причинам элементы идут один под одним, то, скорее всего, где-то в коде ранее было указано отображать элементы формы блочно. То есть:
form * {
display: block;
{
или вовсе
* {
display: block;
}
[paranoya mode="on]
Либо вы используете какой-то паленый браузер (либо расширение в браузере), который неявно заставляет отображаться элементы формы блочно.
[/paranoya]
А теперь сравните:
<p>
<input type="text">
<button>Кнопка</button>
</p>
<p>
<input type="text"><button>Кнопка</button>
</p>
<p>
<button>Кнопка</button>
<input type="text">
</p>
<p>
<button>Кнопка</button><input type="text">
</p>
Заметьте, что, как бы я не написал, элементы все равно отображаются строчно (меняется только порядок). А еще во втором и четвертом случае исчез пробел между полем и кнопкой, так как мы его явно убрали (в первом случае пробел добавил перенос строки, что еще раз наглядно дает понять, что "Enter" не переносит строку, а лишь вставляет пробел).
Вывод: ничто кроме CSS-стилизации не влияет на отображение элементов. Вы можете как писать в строку, так и разделять код "Enter'ами" (что более предпочтительно). "Enter" в последующем лишь заменяется пробелом. Поэтому.
- Либо у вас где-то определено, что элементы отображаются блочно (что и приводит к переносу на новую строку).
- Либо вы используете какой-то весьма странный браузер (расширение для него), которое отображает элементы формы блочно (опять же - это настолько маловероятно, насколько вообще может быть).
Итого: предоставьте более полный код или дайте ссылку на рабочий (в вашем случае нерабочий) пример, чтобы можно было делать какие-либо более обоснованные выводы.