<div class="container">Parent Container
    <div class="one">Child One</div>
    <div class="two">Child Two</div>
    <div class="three">Child Three</div>
</div>
/* Just some presentational stuff */
body {
    margin: 0;
    text-align: center;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-size: 1.25em
}
/* Just some presentational stuff */


.container {
    width: 50%;
    background: tomato;
    border: 5px solid black;
}

.one {
    background: aquamarine;
    height: 80px;
    width: 90%;
    border: 25px solid cyan;
    padding: 30px;
}

.two {
    background: aquamarine;
    height: 80px;
    width: 100%;
    border: 5px solid cyan;
    padding: 50px;
}

.three {
    background: aquamarine;
    height: 80px;
    width: 40%;
    margin: 20px;
    border: 15px solid cyan;
    padding: 50px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.