You may have expected that the para

You may have expected that the paragraph would be located 60px from the heading, since the div element has a margin-top of 40px and there is a further 20px margin-top on the p element. You may also have expected that 20px of the background color of the div element would show above the paragraph. This does not happen because, as you can see in Figure 2, the margins collapse together to form one margin. Only the largest margin applies (as in the case of adjoining blocks), as we’ve already seen.

Kết quả (Việt) 1:

Bạn có thể mong đợi rằng đoạn văn sẽ nằm 60px từ tiêu đề, kể từ khi các phần tử div có một margin-top của 40px và thêm một 20px margin-top trên các yếu tố p. Bạn có thể cũng có thể mong đợi rằng 20px nền màu sắc của các phần tử div sẽ hiển thị ở trên đoạn văn. Điều này không xảy ra bởi vì, như bạn có thể thấy trong hình 2, lề sụp đổ với nhau để tạo thành một lợi nhuận. Chỉ cách biệt áp dụng (như trong trường hợp của các khối liền kề), như chúng tôi đã nhìn thấy.

Kết quả (Việt) 2:

Bạn có thể đã dự kiến ​​rằng các đoạn sẽ được đặt 60px từ tiêu đề, vì các phần tử div có margin-top 40px và có một 20px thêm margin-top trên các yếu tố p. Bạn cũng có thể đã dự kiến ​​rằng 20px màu nền của phần tử div sẽ hiển thị bên trên đoạn. Điều này không xảy ra bởi vì, như bạn có thể thấy trong hình 2, lề sụp đổ với nhau để tạo thành một lề. Chỉ lề lớn nhất áp dụng (như trong trường hợp của các khối liền kề), như chúng ta đã thấy.