Div和输入字段并排

该HTML应该显示div，然后输入它旁边的值，但不显示。它将它们分开显示。哪里不对？Div和输入字段并排

<div style="display: inline; float: left;">Title </div><input id="event_title" name="event_title" style="float:right; display: inline; width: 441px;" onclick="clear_field_color(this);"/>

应该是这样的：

Title [_____________________________________________]

但看起来像这样：

Title 
     [_____________________________________________]

来源

2012-06-22 user823527

你会很惊讶float：right，只是交换元素的顺序，它会按需要工作！输入第一，第二秒

<input id="event_title" name="event_title" style="float:right; display: inline; width: 441px;" onclick="clear_field_color(this);"/><div style="display: inline; float: left;">Title </div>

来源

2012-06-22 01:29:06 Bryan

该解决方案可能不太优雅。但它确实有效。 – user823527

如果你正在谈论的标题和文本之间的差距则刚刚摆脱的float:right

也许把标题e.g后填充：

<div style="display: inline; float: left; padding-right:5px;">Title </div> 
<input id="event_title" name="event_title" style=" display: inline; width: 441px;" onclick="clear_field_color(this);"/>

来源

2012-06-22 01:14:05

标题和输入字段之间没有差距。这两个要素分开来看。它们并不相邻。 – user823527

也许你需要包含这个div/textbox所在的代码。 –

你可以尝试调整的div，like so的line-height，但我要说的语义标签会更有意义比一个div。

来源

2012-06-22 01:27:55

Div和输入字段并排

回答

相关问题