html - 除内容外调整标题大小

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
}