html - 浮动顶部和内联显示

Question

我有一个带有图像和内部表格的分区：

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

这也是我页面的链接
问题是表格浮动到底部，为什么？我怎样才能让它们（img 和 table）都在同一行？并且没有漂浮在顶部

Answer 1

简单的有

img {float:left}

Answer 2

在您的 CSS 中执行以下操作：

img {
    float: left;
}

Answer 3

您应该为此制作一个 CSS 样式表，但在您的标签中，添加 float:left; 一切都会向上和向左流动。

CSS：

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