如何放置内联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>