<html>
<head>
<style>
h1 {
margin: 0 0 50px 0;
}
h2 {
margin: 20px 0 0 0;
}
</style>
</head>
<body>
<p>В этом примере элемент h1 имеет нижнее поле 50 пикселей, а элемент h2 - верхнее поле 20 пикселей. Тогда вертикальное поле между h1 и h2 должно быть 70 пикселей (50 пикселей + 20 пикселей). Однако из-за свёртывания поля фактическое поле составляет 50 пикселей.</p>
<h1>Заголовок 1</h1>
<h2>Заголовок 2</h2>
</body>
</html>