CodePen Embed - Margins overlap

<div>foo</div>
<div>bar</div>

div {
  margin: 20px 0;
  background: lightgray;
  height: 20px;
}

This Pen is owned by Peedu Tuisk on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.