Верстка · Junior · Запитання 15 з 75

Два блоки стоять один під одним. У верхнього margin-bottom: 20px, у нижнього margin-top: 30px. Яка відстань буде між ними?

Пояснення

Це схлопування вертикальних відступів (margin collapsing): із двох сусідніх вертикальних margin у звичайному потоці лишається більший, тобто 30px. Горизонтальні відступи не схлопуються, а всередині flex- і grid-контейнерів схлопування немає взагалі.

Де почитати

Помилка в запитанні

Верстка · Junior · запитання 15

Перевірте себе

Пройдіть тест Верстка · Junior: запитання й варіанти перемішуються, а наприкінці - розбір помилок.

Пройти цей тест