HTML:无法删除两个按钮之间的 5px 小间隙

Question

我在两个按钮之间有一个小间隙，我无法处理它，试图在浏览器终端中查看，但这没有帮助。以下是按钮:

<div class="secondTableVRow">
    <input type="submit" name="submit" value="Submit" id="submit" onMouseOver="onSubmitHover()" onMouseOut="submitFadeOut()" onclick="submitForm()"/>
    <input type="button" name="extend" value="Advanced" id="extend" onMouseOver="noteFade('extendNote')" onMouseOut="noteFadeOut('extendNote')" onClick="advancedOptions()" />
</div>

CSS:

.secondTableVRow{
    width:318px;
    background-color:green;
    display:inline-block;
}

#submit{
    cursor:pointer;
    display:inline-block;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    width:156px;
    height:35px;
    outline:none;
    border:none;
    background-color:#DDDDDD;
    -webkit-transition: background-color 0.4s linear 0s;
    -moz-transition: background-color 0.4s linear 0s;
    -o-transition: background-color 0.4s linear 0s;
    transition: background-color 0.4s linear 0s;
 }

两个按钮都有相同的 CSS，我知道我应该为此使用类，我会的，只是想先解决这个问题。按钮的实例:http://www.diligencehelps.com/php_includes/register_form.php表单中的每个元素之后似乎都有一个小间隙，为什么会这样？如果需要更多代码，请询问。

Answer 1

试试这个:

        <div class="secondTableVRow">
            <input type="submit" name="submit" value="Submit" id="submit" onMouseOver="onSubmitHover()" onMouseOut="submitFadeOut()" onclick="submitForm()"/><!--
            --><input type="button" name="extend" value="Advanced" id="extend" onMouseOver="noteFade('extendNote')" onMouseOut="noteFadeOut('extendNote')" onClick="advancedOptions()" />
        </div>

HTML 对空格非常挑剔。

有关更多背景信息，请查看:http://css-tricks.com/fighting-the-space-between-inline-block-elements/