浮頂和內嵌顯示

Question

我有圖像的分割和它裏面的表：

<div> 
<img> 
<table style='display:inline-block'> 
    <tr> 
    <td>insert your name here:</td> 
    </tr> 
    <tr> 
    <td><input></td> 
    </tr> 
</table> 
</div> 

這也是一個link我的網頁
的問題是，該表是浮動的底部，爲什麼？ 我怎樣才能使他們（img和表）在同一行？而不是浮動下，頂部

Answer 1

在你的CSS做：

img { 
    float: left; 
} 

Answer 2

你應該爲這個CSS樣式表，但在你的標籤，加入浮動：左;一切都會流向左邊。

CSS：

img { 
    background: none repeat scroll 0 0 red; 
    display: inline-block; 
    float:left; 
} 

Answer 3

簡單有

img {float:left}