如何放置內聯div和輸入

Question

我有一個htmlform。有很多input和label的。在form的底部，我有一個div和一個input（提交）。

如何將它們（div和input（提交按鈕））放置在一條水平線上？

Answer 1

這是一種方法：用<div style="float: left;"></div><input type="submit" />

Answer 2

使這兩個元素float: left並使其父母overflow: auto。

介意分享您的代碼？盲目地做這件事有點難，因爲你的HTML結構可能與我認爲的不同。

Answer 3

div.someclass { 
    float: left; 
    width: 200px /* or whatever you need to make it look good */ 
} 

或毛內嵌樣式：

input [type=submit] { css rules here }

因此，您可以將您的div指定爲float:left;，並對input執行相同的操作。浮動它們會使它們排成一排。

Example Here

Answer 4

它可以特異性地靶向輸入類型，如

<div> 
    <div style="float:left">my div</div><input type="submit" style="float:left"> 
</div>