如何放置内联div和输入

Question

我有html form。有许多input和label。在form的底部，我有一个div和一个input（提交）。

如何将它们（div和input（提交按钮））放在一个水平线上？

Answer 1

这是一种方法：

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

Answer 2

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

带有<div style="float: left;"></div><input type="submit" />

的

或粗略内嵌样式

Answer 3

制作两个元素float: left并制作其父overflow: auto。

介意分享你的代码？盲目地执行此操作有点困难，因为您的HTML结构可能与我认为的不同。

Answer 4

可以专门定位输入类型，例如：

input [type=submit] { css rules here }

因此，您可以将div分配给float:left;，并对input执行相同操作。浮动它们会使它们彼此相邻排列。

Example Here