margin collapse

by slym12

HTML

<div class="parent">

  <div class="child">
    aaa
    <div>
      some shit
    </div>
  </div>
</div>

CSS

* {
  margin: 0;
}

.parent {
  background-color: skyblue;
  height: 200px;
  /* overflow: hidden; */
  /* sets new block formatting context
 text-align: center; /* this can be used on inline-block elements! */
}

.child {
  background-color: pink;
  margin: 10px;
  /* display: inline-block; */
}

.parent > * {
  color: red;
}