按钮叠放在一起？

Question

我有两个按钮，我希望一个在另一个上方，但是当我去查看它们的样子时，两个按钮都重合在一起了。我找不到问题所在，这是我的代码。

CSS：

body { font-size: 16px; width: 600px; margin: 25px auto;  }

  button {
  color:white;
  display: inline;
  margin: 30px;
  padding: 7px 35px;
  font: 300 150% langdon;
  background: transparent;
  border: 3px solid black;
  cursor: pointer;
} 

button:hover {
  background: #f7f7f7;
  border: 1px solid #8b8b8b;
}

button:active {
  background: #2e2e2e;
  border: 1px solid black;
  color: white;
  }

- user3430532

---

你的相关HTML是什么？ - David Thomas

<button class="button">注册</button> <button class="button">登录</button> - user3430532

你是打的还是复制粘贴的？因为用你的CSS或HTML，一个按钮不可能在另一个按钮里面。你能否通过JS Fiddle或类似的实时演示重现你的问题？ - David Thomas

您可以通过Fiddle查看我们从您提供的内容中获取了什么。 - Re Captcha

Answer 1

目前这些按钮是并排显示的：请参见这个 fiddle。 如果您想让下一个按钮在新行上显示，请使用display:block，请参见这个 fiddle。

- acarlon