sin salto de línea entre el botón y el formulario

Question

¿Cómo obtengo un botón y un elemento de formulario en la misma línea sin que se produzca un salto de línea? muchas gracias!

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

Answer 1

Usar este estilo CSS: style="display: inline;" en su formulario.

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

Aquí hay una demo on JSBin.

Answer 2

tanto <button> y <form> son elementos de bloque. deberías hacerlos en línea con CSS display: inline. no estoy seguro si eso es lo que quieres decir. también depende de tu HTML más amplio.

Answer 3

Puede float: left tanto el botón y la forma

Answer 4

campos de entrada son elementos de bloque. Puede cambiar las reglas de visualización en el CSS:

input { display: inline; } 

Answer 5

puede crear el botón de un flotador:

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