Иногда нам нужно сделать так, чтоб контент на странице не занимал заданное место по умолчанию. А сделать так, чтоб по обеем сторонам были пролеты, и как пример, это занятость на 80% и не более. Но главное сделать так, чтоб заголовок стоял стандартно, а само описание выровнялось по центру, чтоб по сторонам были ровные отступы.
Вообщем чтоб понять сам дизайн, то вид на изображение так выглядит.
HTML
Код
<div>
<h1>ZorNet - портал для вебмастера</h1>
<p>
Здесь идет описание.
</p>
</div>
CSS
Код
h1, p {margin: 0 auto; width: 65%}
h1 {padding-bottom: 17px;}
p {padding-bottom: 15px;}
Вы сами можете самостоятельно задавать ширину.
Демонстрация