Пример 3
"Вершина и основание"
Важно.
Вы, возможно, заметили, что все вышеупомянутые примеры кода стилей имеют начальную установку для <p> и <h1> , как показано ниже: .inset h1, .inset p { margin:0 10px; }
.inset h1 { font-size:2em; color:#fff; }
.inset p { padding-bottom:0.5em; }
Используя метод Krazy Korners, необходимо избавиться от любых отступов сверху и снизу слоя с контентом, иначе появится свободное место, помешающее добиться желаемого эффекта.