添加新行css无表布局

我正在尝试使用div和css创建一个无表设计。我已经成功地制作了标题部分。但是在标题之后，我有一些文本部分，应该放在div中。但是div显示为inline，不包含文本元素

我正在尝试的代码可以在

我需要的是“加入我们的社区”和“类似FB”的块应该在主容器内

---

这是我第一次尝试做无桌设计。如果您能帮助解决此问题，我们将不胜感激。

我认为这正是您想要实现的目标

.main{
  width:380px; margin:0 auto;
  border:1px green solid;
  position:relative;
  padding:0px;
  background:#fff;
  overflow:hidden;
}

---

我没有更改CSS，只是移动了包含fb链接的div。。。这就是你的意思吗

非常感谢你。这正是我一直在寻找的。老实说，你需要更多地了解这一点，布局有点糟糕。您将主div（我假定是内容）包含在头容器中。或者你的命名规则真的需要改进。谢谢你的建议。我会改变我的命名惯例。这是我的第一个无桌设计。是的，我明白，就我个人而言，我会先把我的容器放好，然后再担心其他事情。创建每个区域并仅将其设置为不同的背景色。无需担心字体、边框，除非你把容器放在你想要的地方，否则什么也不用担心。它使你的CSS更容易阅读和解决问题。阅读有关网格系统的文章，一开始它们有点难以理解，但它们会让你的生活变得更轻松。谢谢你关注我的问题。阿法申的答案就是我一直在寻找的答案。