<div class="parent">
        Parent
        <div class="child-one child">One</div>
        <div class="child-two child">Two</div>
        <div class="child-three child">Three</div>
</div><div class="parent">
        Parent
        <div class="child-one child">One</div>
        <div class="child-two child">Two</div>
        <div class="child-three child">Three</div>
 </div>
/* BOX STYLING */
body{
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}
.parent{
    background-color: #2827CC;
    padding: 10px 20px;
    color: white;

}
.child{
    padding: 10px 20px;
    text-align: center;
}
.child-one{
    background-color: orangered;
}
.child-two{
    background-color: white;
    color: #2827CC;
}
.child-three{
    background-color: green;
}

/* Position - Absolute */
.parent{
    height: 200vh;
}
.child-one{
}
.child-two{
    position: absolute;
    right: 30px;
    top:50px;
    height:90px;
}
.child-three{
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.