brak podziału wiersza między przyciskiem a formularzem

Question

Jak uzyskać przycisk i element formularza w tej samej linii, nie powodując linebreak? dziękuję bardzo!

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

Answer 1

użyć tego stylu CSS: style="display: inline;" na formularzu.

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

Oto demo on JSBin.

Answer 2

zarówno <button> i <form> są elementami blokowych. musisz wprowadzić je w linii z CSS display: inline. nie jestem pewien, czy o to ci chodzi. zależy to również od twojego szerszego kodu HTML.

Answer 3

Można pływaka: lewy przycisk i zarówno formę

Answer 4

pola wejściowe są elementy blokowe. Możesz zmienić zasady wyświetlania w CSS:

input { display: inline; } 

Answer 5

Można zrobić przycisk pływaka:

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