<!DOCTYPE html>
<link href="resources/grid.css" rel="stylesheet">
<head>
<style>
.basic {
    background-color: grey;
    height: 100px;
    margin-top: 50px;
}

.item {
    background-color: blue;
    width: 50px;
    height: 50px;
    position: relative;
    top: 20px;
}
</style>
<div>This test checks that the grid's margins do not collapse with the margins of its contents.</div>
<div class="basic">
    <div class="item"></div>
</div>