The first important rule is that vertical margins collapse. That means that when a browser calculates the vertical distance between two adjacent elements, the largest margin will be applied, and the other one will be ignored. On the other hand, horizontal margins are added together to work out the total horizontal distance between two elements.