Setting an element's position to absolute
lets us move it within its parent using top,
right, bottom, and left offsets.
This element will be placed relative to
the closest ancestor with any other
position value.
In the above code, we can observe
that the element with position set
as absolute gets placed at the
top right corner of the element
with position set as relative.
You can also try adding position: relative; to the container element and observe that child-element-1 shifts to the top right of the container instead of the outer-container.