浮顶和内联显示

时间:2013-07-30 15:30:38

标签: html css

我有一个分区,里面有一张图片和一张桌子:

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

对于我的页面,这也是link 问题是表浮到底部,为什么? 我怎么能在同一条线上制作它们(img和table)?并没有飘下来顶部

3 个答案:

答案 0 :(得分:1)

简单有

img {float:left}

答案 1 :(得分:0)

在你的CSS中:

img {
    float: left;
}

答案 2 :(得分:0)

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

CSS:

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