без разрыва строки между кнопкой и формой

Question

Как получить кнопку и элемент формы в одной строке без разрыва строки? большое спасибо!

  <button>ask question</button>
<form action="/search" method="get">
    <input type="text" name="q" value="{SearchQuery}"/>
    <input type="submit" value="Search"/>
    </form>

Answer 1

Используйте этот стиль CSS: style="display: inline;" в вашей форме.

<form action="/search" method="get" style="display: inline;">

Вот демоверсия на JSBin .

Answer 2

Вы можете сделать кнопку поплавком:

<button style="float: left;">ask question</button>

Answer 3

Поля ввода являются элементами уровня блока. Вы можете изменить правила отображения в CSS:

input { display: inline; }

Answer 4

и <button> и <form> являются элементами уровня блока.вам нужно сделать их встроенными в CSS display: inline.не уверен, что это то, что вы имеете в виду.также это зависит от вашего более широкого HTML.

Answer 5

Вы можете плавать: слева и кнопка, и форма