html - 按钮堆叠在一起？

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;
  }

Answer 1

目前按钮并排显示:参见 this fiddle .如果你想要一个新行的下一个按钮，然后使用 display:block 参见 this fiddle .