添加新行css无表格布局

时间:2012-10-14 12:58:31

标签: css html

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

我正在尝试的代码可在http://jsfiddle.net/sXaTT/1/

获取

我需要的是'加入我们的社区'和'FB Like'块应该在主容器内。

这是我第一次尝试制作无桌面设计。任何帮助解决这个问题的人都将不胜感激。

2 个答案:

答案 0 :(得分:1)

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

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

jsFiddle

答案 1 :(得分:0)

我没有更改CSS只是移动了包含fb链接等的div ...这是什么意思? filddle