如何将文章集中在一个部分中

Question

如果有人能帮助我的话，很难搞清楚这一点真的很感激！ ：）

基本上我正在构建，或者正在尝试使用HTML5构建响应式wesbite，我拥有所有结构我想要的东西，除了一件事之外的一切都是错的，我无法弄清楚如何纠正它。

我为1000px的所有部分设置了最大宽度，并且所有部分都已正常使用margin：0 auto;但该部分内的所有文章仍然保持对齐？

我尝试使用

为文章标签设置全局规则

article { margin: 0 auto; }

但这没有用，所以有谁知道发生了什么？这是一个小提琴的链接，显示我的意思： http://jsfiddle.net/DannyW86/9YYNR/1/

这里是一个屏幕抓取它在浏览器中的显示方式，你可以清楚地看到带有图标的3篇文章没有居中于文本下方

Answer 1

如果元素彼此相邻放置，则无法将元素置于margin: auto;的中心位置。

尝试这样的事情：http://jsfiddle.net/leo/LzKTy/

（!!）：注意display: table; - 我已加入 #boxcontent 的属性和display: table-cell; - 属性我已加入文章< /强>