jquery - ヘッダーのCSS水平コントロール

Question

2つの要素を水平に揃えるのが難しいので、馬鹿げた感じがします。以前行っていたものを試しましたが、どれも機能しませんでした。

その送信ボタンをテキストフィールドの横に、何も壊さずに水平に配置するにはどうすればよいですか？

フィドル

Answer 1

あなたはそのようなものが欲しいかもしれませんhttp://jsfiddle.net/vv57k/6/

それらをインラインに配置するには、テキスト入力を別のdivでラップする必要があります。data-inlineはコンテナを作成するため（select ..のように）、入力テキストでは機能しません。

Answer 2

以下を使用できます。

#searchField {
   width: 70%;
   float:left;   
}
#searchButton {
   width: 25%;
   float:right;   
}

最善の方法ではないかもしれませんが、うまくいきます。微調整するためだけに、少しパディングを追加することもできます。