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 とテーブル) の両方を同じ行に作成するにはどうすればよいですか? 浮き上がらない

Answer 1

シンプルに

img {float:left}

Answer 2

CSS で次のようにします。

img {
    float: left;
}