Тема:
Відступи і поля
Завдання
Зменшити відстань між заголовком та наступним за ним текстом.
Рішення
До абзацу (тег <p>) і заголовку (тег <h1>) автоматично додаються верхній і нижній відступи, які в сумі дають велику відстань між заголовком і текстом. Для зменшення розміру відступу потрібно додати властивість margin-bottom до селектору H1. А можна встановити позитивне, нульове або від'ємне значення. Таким чином легко задавати потрібне значення відступу (приклад 1).
Приклад 1. Використання від'ємних відступів
Результат прикладу показано на рис. 1.
У даному прикладі для селектора H1 встановлюється від'ємне значення нижнього відступу, завдяки чому на 15 пікселів зменшується відстань між заголовком та наступним абзацем.