複数の行を持つフォームを作成しようとしています。各行には、オプションの入力フィールドとそれに続く必須ボタンがあります。ボタンは垂直に並んでいる必要があります-次のようになります:
_____________ _______________
| input 1 | | button 1 |
|___________| |_____________|
_______________
| button 2 |
|_____________|
固定の左マージンでボタンを左にフロートさせようとしましたが、そうすると、入力フィールドがマークアップの最初に表示されていても、入力フィールドがボタンの右側に移動します。
<div>
<input type="text">
<button>Action 1</button>
</div>
ここで私のjsfiddleを参照してください。なぜこれが起こっているのですか、そして正しい解決策は何ですか?