Margin collapsing

by Alexey Zuev

HTML

<div class="parent">
   <div class="child">Почему сдвигается общий div, а не вложенный?</div>
</div>

CSS

.parent {
    width: 200px;
    height: 200px;
    background: #ccc;
}
.parent:before {
    content: "";
    display: table;
}

.child {
    margin-top: 20px;
}