стили для центрирования контента

Задается ширина основного блока. И центрируется блок внутри.

by Denis Tverdokhlebov

HTML

<div class="wrapper full">
    <div class="center mini">

    </div>
</div>

CSS

/* стиль для тела блока */
.wrapper {
    max-width: 100%;
    min-width: 1100px;
    width: 100%;
}

/* центрирование контента. стиль для блока с содержимим страницы. распологается внутри тела блока */
.center {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 1080px;
}

/* глобальные стили */
h1,h2,h3,h4,h5,p,b{
    padding:20px 30px;
}

p{
    text-align:justify;
}

/* background_full */
.full{
    background:blue;
    background-position: center center;
    height:100px;
}

/* background_mini */
.mini{
    background:green;
    background-position: center center;
    min-height:100px;
}