<div class='parent'>
    <div class='child one'>Child One</div>
    <div class='child two'>Child Two</div>
    <div class='child three'>Child Three</div>
  </div>
/* Nothing to see here */
body {
    margin: 0;
    font-family: sans-serif
}
/* Nothing to see here */


.parent {
    height: 500px;
    width: 100%;
    background: tomato;
    position: relative;
}

.child {
    height: 150px;
    width: 150px;
    background: papayawhip;
}

.child.two {
    background: steelblue;
    position: absolute;
    top: 50px;
    left: 130px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.