css - 标签为 "input button"和 "a"的按钮不在同一行

Question

我又来问了:)

我需要两种类型的按钮，一种使用“输入按钮”，另一种使用标签“a”链接。

但是当尝试这样做时，使用标签“a”的“按钮”比其他按钮低，我无法让它与其他按钮保持在同一行。

我把例子放在jsFiddle中:

http://jsfiddle.net/mtsys/RLgEj/

<br><br><br>
<input name="btnSubmit" class="botao salvar" type="submit" value="Salvar" />
&nbsp;&nbsp;
<input name="btnSubmit" class="botao excluir" type="submit" value="Excluir" />
&nbsp;&nbsp;
<input name="btnSubmit" class="botao voltar" type="submit" value="Voltar" />
&nbsp;&nbsp;
<a class="botao voltar" href="/Produto/Index">Voltar&nbsp;&nbsp;</a>

谢谢

Answer 1

试试这个

.botao {
    vertical-align: middle;
}
a.botao {
    padding-top: 7px;
    height: 24px !important;
}

http://jsfiddle.net/RLgEj/6/