Beginning CSS: Cascading Style Sheets for Web Design, 2nd ...

Chapter 7: The Box ModelFigure 7-9cMargin collapsing also happens when an element is contained inside of another element. It doesn’t matterwhere the two margins come into contact, even an element inside of another element will margin collapsewith its parent if the two margins come into contact. An example of this appears in Figure 7-10.Figure 7-10aThe CSS in Figure 7-10a is included in the markup in Figure 7-10b, and that results in the output you seein Figure 7-10c.217