CodePen Embed - empty element margin collapsing

<div class="empty">
</div>
<div>
  after empty element
</div>

div {
  background: peachpuff;
}

.empty {
  margin-top: 12px;
  margin-bottom: 12px;
}

This Pen is owned by camel2243 on CodePen. It is a fork of this Pen.

This Pen doesn't use any external CSS resources.