html - 如何使文章居中

Question

如果有人能帮我解决这个问题我真的很感激! :)

基本上我正在构建，或者试图使用 HTML5 构建一个响应式网站，我已经按照我想要的方式构建了所有内容，除了一件事是错误的，我无法弄清楚如何纠正它。

我已经为所有部分设置了 1000px 的最大宽度，并且所有部分都使用 margin: 0 auto; 正常居中；但是该部分内的所有文章仍然左对齐？

我尝试使用

为文章标签设置全局规则

文章{
margin : 0 auto ；
}

但这没有用所以有人知道发生了什么事吗？这是显示我的意思的 fiddle 的链接: http://jsfiddle.net/DannyW86/9YYNR/1/

这是它在浏览器中的显示方式的屏幕截图，您可以清楚地看到带有图标的 3 篇文章没有在上面的文本下方居中

Answer 1

你不能用 margin: auto; 居中元素如果它们并排放置。

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

(!!):注意 display: table; - 我添加到 #boxcontent 和 display: table-cell; 的属性-我已将属性添加到文章。