Иногда нам нужно сделать так, чтоб контент на странице не занимал заданное место по умолчанию. А сделать так, чтоб по обеем сторонам были пролеты, и как пример, это занятость на 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;}
Свойство padding позволяет задать величину поля сразу для всех сторон элемента, если использовать его так: padding: [значение px или проценты] , к примеру
Код
padding: 20px; /* 20px - отступы */
В итоге, не нужно прописывать bottom и так далее, можно сразу сделать со всех сторон, если нужно :) Так же, элементы можно двигать при помощи: margin, указав значение, к примеру margin-top, margin-bottom и другие. Тогда, можно выравнивать еще и элементы, однако с этим нужно быть аккуратней на адаптивных сайтах)
Этот вариант больше для отдельных страниц, вновь созданных подходит. То иногда встречаются ресурсы, где описание написано, но как раз не одного пробела.
