除内容外调整标题大小

Question

在我的文档中，我在页面顶部有一个宽度为 3000 像素的标题，用于不同缩放的显示器，以及标题下方的媒体。 我希望body 保持对用户页面的灵活性，同时仍然每次都提供相同的内容（动态-静态设计）。因此，我已将每个屏幕的标题调整为适当的比例，但我仍然需要其余内容为 90%。

问题是，如果我不给body 指定宽度，并且我将除标题之外的所有内容都放在样式为width:90% 的包装器内，我会收到更多正确的填充。

在此处查看 JSFiddle：http://jsfiddle.net/33bqj/3/

简而言之：我希望除标题之外的所有内容都具有 90% 的宽度，但是在包装器下方的内容周围添加包装器无法正常工作。我怎样才能让它居中，像body { width: 90% }一样运作？ CSS：

@charset "UTF-8";
header {
    padding:0 20px;
    min-width:950px;
    min-height:115px;
    background:#FF6083 url(http://i.imgur.com/qsH5lTA.png) no-repeat center top;
}

.wrapper { 
    width:90%; 
    text-align:justify
}

Answer 1

只需在包装类中添加左右边距：

.wrapper { 
    margin-left:auto;
    margin-right:auto;
    width:90%; 
    text-align:justify
}