输入表单和水平列表在Chrome中是神秘地未对齐

Question

我正在开发一个小型企业网站。几乎完成除了这最后一个（真气）造型问题：

我无法获得标题中的电子邮件注册表单和社交媒体链接排队。浏览器之间的高度差为1px。

注册是一种形式，社交媒体链接是ul列表的一部分。当我为任何元素添加保证金时，Chrome和IE不一致。当我减去1px时，Firefox未对齐。

该网站是建立在WordPress的基础上，我已经大量修改主题。

这是网站：http://twistbikes.com ...您可以在右上角看到违规的文章。

以下是截图：http://twistbikes.com/wp-content/uploads/2013/03/widget-area.jpg

任何线索大加赞赏。

Answer 1

给margin:0和padding:0添加到文本框和按钮元素。

提及的以下代码块：

input, select, textarea { 
    /* other properties */ 
    margin: 0; 
    padding: 0; 
}