<div>
  <div class="parent">
    <div class="child1"></div>
  </div>
  <div class="parent">
    <div class="child2"></div>
  </div>
</div>
* {
  margin: 0;
  padding: 0;
}

.child1 {
  width: 100px;
  height: 100px;
  margin-bottom: 10px;
  background-color: skyblue;
}

.child2 {
  width: 100px;
  height: 100px;
  margin-top: 20px;
  background-color: pink;
}

.parent {
  overflow: hidden;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.