即使使用其他内嵌图像，内联元素也不会停止

Question

当我在网站上练习我想做的事情时，它可以正常工作。 http://jsfiddle.net/texascapresident/27g6f8dw/

HTML

<div class="link-image-container">
    <a href="https://twitter.com"><img class="employee-contact-images" src="http://www.texasca.com/graphics/icons/twitter-link.png" /></a>
    <a href="https://www.linkedin.com/in/zacharygcook" target="_blank" ><img class="employee-contact-images" src="http://www.texasca.com/graphics/icons/linkedin-link.png" /></a>
    <form class="form-containing-email" action="contact-team-member.php" method="POST">
        <INPUT TYPE="hidden" NAME="teamMemberName" VALUE="Zach">
        <INPUT TYPE="hidden" NAME="teamMemberTitle" VALUE="CTO" >
        <input type="image" class="special-email-image" src="http://www.texasca.com/graphics/icons/email-link.png" >
    </form>
</div>

CSS

.form-containing-email {
    display: inline;
}

然而，在网站上的实践中，其中一个图像（表单中的图像）表现得很奇怪。

正如您所看到的，最后一张图像是＆＃34;弹出＆＃34;。我不确定出了什么问题。

HTML＆amp;网站上的CSS稍微复杂一些，请随意查看。

网站的HTML：http://texasca.com/team.html

网站的CSS：http://texasca.com/includes/team.css

如果可以，请帮助我！谢谢。

Answer 1

您需要在该部分<form class="form-containing-email" action="contact-team-member.php" method="POST">中提供表单（vertical-align:top）。