2012-02-02 46 views
15

ボタンとフォーム要素を改行なしに同じ行に挿入するにはどうすればよいですか? ありがとうございます!ボタンとフォーム間の改行がありません

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

答えて

23

このCSSスタイルを使用しますフォーム上style="display: inline;"を。

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

ここには、demo on JSBinがあります。

2

両方<button><form>は、ブロックレベル要素です。 CSS display: inlineでインラインにする必要があります。それがあなたが意味するものなのかどうかはわかりません。また、より広範なHTMLにも依存します。あなたが浮くことができ

2

入力フィールドはブロックレベル要素ですボタンとフォームの両方を残しました。あなたは、CSSの表示ルールを変更することができます。

input { display: inline; } 
2

あなたはボタンフロート作ることができます:

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

受け入れ答えは動作しませんでしたしながら、これはまた、フォームのために働きます。 –

関連する問題