在<input />字段之间放置空格

Question

这是我正在处理的页面：

http://jackalopemedia.com/webdesign.html

如你所见，表格被挤压在一起。不知道为什么会这样。尝试添加行高并将表格包裹在div周围，但除了移动按钮之外什么都没做（我确实想要，但我希望它能很好地布局）。

另外，另一个奇怪的事情 - 在hoverover上的提交按钮，不会将字体颜色更改为红色...它似乎保持白色，即使我已经专门将它放在CSS中。

有什么想法吗？这就是我想要的样子：

http://jackalopemedia.com/branding.html

那个contactform PHP虽然不起作用，当我换掉一个那样做时，它搞砸了造型。

谢谢！

Answer 1

将css样式margin-bottom添加到您的输入中。

对于你的按钮，请使用像

这样的CSS

.btn{
   background-color:#000;
   color:#fff;
}
.btn:hover{
   background-color:red;
   color:#fff;
}

Answer 2

margin-bottom - margin bottom创建元素与下面的下一个元素之间的距离。因此，假设我有两个文本输入之间的边距：20px。这意味着两个文本输入之间的距离：下方和上方的距离应为20px。或者您。我认为在你的情况下，margin-bottom是最好用的