圖像包裝。如何保持一行

Question

我有以下代碼，但圖像包裝在輸入框下方。我究竟做錯了什麼？

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

Answer 1

你要這個吧。

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

如果去掉<div>

Answer 2

的<div>標籤這是一個塊，它的意思是前後有新線，嘗試使用<span>

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

Answer 3

你的DIV浮動從它通常會出現在源順序，即在下面輸入一個新行的點離開它也一樣好。試着浮動輸入。