按钮堆叠在一起？

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。