The margins collapse is part of the specifications for the box model and the use of vertical margins . Often this 'phenomenon' is ignored, because of the use of other properties which prevent the collapse, but every so often, it can create a puzzling result that could be considered as an error of interpretation. The margins collapse happens when adjacent vertical margins (margin-top and margin-bottom), with ...

3 types of 'box model' based on 3 columns: 3 columns fixed width left align 3 columns fixed width centered 3 columns fixed width right align ...

As from the name, the content of a page is positioned inside boxes which can, at their turn, contain other boxes of content such as inline and block element. Those blocks, other then the content itself, can be made of margins, paddings and borders using the following css properties: margin: the transparent and empty space in between different boxes in units of measure or percent padding: the space in betwee ...