输入表格＆amp;水平列表在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;
}