css - 行元素之间的边距相等

Question

我正在尝试使行元素之间的边距相等。我将文本放入井中，我希望这些井具有相等的边距，即第一行和第二行的 block 之间的间距应相同。但不幸的是，第二行元素不符合设置的参数。

  div.well{
height:600px;
display:inline-block
margin:10px 10px 10px 10px;
overflow: auto;
   }

我有一个真正困扰我的问题!为什么会这样？为什么第一行的元素对应参数，而第二行的元素却没有？

http://codepen.io/Zarina-374/pen/KMVevP

非常感谢您的帮助!

Answer 1

在display:inline-block之后少了一个分号-

div.well{
height:600px;
display:inline-block
margin:10px 10px 10px 10px;
overflow: auto;
}

同时添加这个CSS

.jumbotron{
  text-align: left;
}