去掉Imgae和它下面div之间的空隙

可以看到本网页题头（header）中的图像下面有一个菜单条，开始时图像和菜单所在的div之间老有一条大该10px的空隙，消除不掉。原来的代码是这样的：

<img/>
<div>
......
</div>

后来才发现，这空隙并不是来自图像也不是来自下面的div，而是由它们之间的空格或换行字符引起的， 有两种办法可以解决这个问题：

1、把图像和div的tag放在同一行上，之间不要有任何字符：

<img/><div>
......
</div>

2、HTML代码可以不动，而是用CSS进行调节.

<img style="vertical-align:top" />
<div>
......
</div>