图像包装。如何保持一条线

Question

我有以下代码，但图像正在输入框下面。我做错了什么？

<input type=text name='test" />
<div style="float:left"><img src="test.jpg" /></div>

Answer 1

<div>标记它是块，它意味着前后有新行，尝试使用<span>

<span ><img src="test.jpg" /></span>

Answer 2

你想要这个。

<input type="text" name="test" style="float:left" />
<div><img src="test.jpg" /></div>

如果删除<div>

，它也可以正常工作

Answer 3

您的div从通常出现在源顺序中的点左侧浮动，即在输入下方的新行上浮动。尝试浮动输入。