Html 调整标题与内容之间的距离

在我的文档中，我在页面顶部有一个宽度为3000px的页眉，用于不同比例的显示器，页眉下方还有媒体。 我希望

正文

对用户页面保持灵活性，同时每次都提供相同的内容（动态静态设计）。因此，我已经将每个屏幕的标题调整到适当的比例，但我仍然需要其余内容达到90%

问题是，如果我给

正文

没有宽度，并且我将标题之外的所有内容都放在包装器中，样式为

宽度：90%

，我会收到更多正确的填充

在这里查看JSFIDLE：

简言之：我希望除标题外的所有内容都具有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
}

---

只需向包装类添加左边距和右边距：

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