Div Error，不保持内联和margin-top不生效？

Question

我想让我的网站在这里有类似的布局：http://www.mathewporter.co.uk/但我的div没有一个正确排队。我尝试过使用但没有成功。正如你在JSFiddle上看到的那样：http://jsfiddle.net/vf4Wu/1/使用css：

 div.sidebar{
 margin-top: 25px;
 margin-left: 150px;
 display: inline;
 }

 div.content{
 display: inline;
 }

 div.content h2{
 display: inline;
 }

谢谢，我不确定我是否正确地问这个问题。但是，如果不是div，我应该使用什么？

Answer 1

使用：

display: inline-block;

内联项目无法接受上/下边距和填充。

Answer 2

对每个contanier使用float或显示：inline-block