css - 输入表单和水平列表在 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;
}