HTML表单包装不正确，可能是浮动有问题？

我正在尝试制作此表单：

这就是我得到的：

（我改变了按钮的颜色，我知道=））

这是我的HTML：

 <form method="post" action="">
      <input type="text" id="email" name="email" value="Email" />
      <input type="submit" value="Keep me notified" id="submitButton"
 </form>

我的问题:

• 我怎样才能把花车弄对？还是别的什么

• 你能用html5做吗？酷，让我看看=）

• 如何在inputbox中实现占位符

• 我怎样才能在按钮上得到一个大号字母

表单规则使表单太小，导致按钮换行。请尝试以下规则：

form {
    width: 440px;
    margin: 20px auto;
    display: block;
}

编辑：

这应该起作用：

form {
    width: 440px;
    margin: 20px auto;
    display: inline;
}

两件事：

表单对于输入的总宽度来说太窄。因此，它应该是464px

在表单上使用

---

您不想使用表格吗？总是让事情变得简单：PNo dude^^ tables是1999 lololjoseph，是的，它在demo=）中起作用，但不适用于我的其他html/css文件。嗯，我的代码有点鬼鬼祟祟的。。我应该全部发布吗？@SHUMAcupcake这将非常有帮助（最好是以演示网站的形式发布）：）给你：。您可以获取代码并在您的计算机上试用=）@SHUMAcupcake我稍后会查看更多，但宽度：700px将在哪个div上运行？=）我还将尝试修复.Aha cool=），你知道为什么我没有在其他div中获得所有的边距和填充：jsfiddle.net/mkZSz/1I fixtit。在“类”分区中缺少一个额外的s。。谢谢，布罗基，你也不认为你需要空白标签。如果容器尺寸不合适，你会想要那个标签。它还可以防止在浏览器之间或在用户更改字体大小时破坏布局。

form {
    width: 440px;
    margin: 20px auto;
    display: inline;
}