删除图像和div之间的空间

Question

我尝试过 display：block; 和 vertical-align：bottom;

两者都不会删除图像和div之间的空格。

我正在使用HTML5和外部CSS样式表。

HTML：

    <p id="missionMembers">
        <img src="" border"0"/>
    </p>

    <div id="footer">
        <div class="twitter-hover social-slide"> </div>
        <div class="facebook-hover social-slide"> </div>
        <a href= "http://www.youtube.com/channel/UCQUQ1EHTu705qdNWaFAz0SA"/> <div class="youtube-hover social-slide"> </div></a>
    </div>

CSS：

#missionMembers {
    text-align: center;
    margin: 0em 0em 0em 0em;
    padding: 0em 0em 0em 0em;
    vertical-align: middle;
    font-size: 0;
    display: block;
}

#footer {
    padding-left: 2em;
    padding-right: 2em;
    margin: 0em 0em 0em 0em;
    background-color:black; 
    height: 68px;
    width: 2000px;
    border: 0em 0em 0em 0em;
    vertical-align: top;
}

（＃missionMembers是图像。＃footer是div。）

Answer 1

这可以是一个解决方案：

#missionMembers {
 text-align: center;
 margin: 0;
 padding: 0;
}

#missionMembers img {
 display: block;
}

#footer {
 padding: 0 2em;
 margin: 0;
 background-color:black; 
 height: 68px;
 width: 2000px;
 border: 0;
}