Move the emojis on top of each other using relative positioning

1. How do you position two elements on top of each other?
2. What is relative positioning?
3. How do I position an element on top of another in CSS?

How do you position two elements on top of each other?

Using CSS position property: The position: absolute; property is used to position any element at the absolute position and this property can be used to stack elements on top of each other. Using this, any element can be positioned anywhere regardless of the position of other elements.

What is relative positioning?

A relatively positioned element is an element whose computed position value is relative . The top and bottom properties specify the vertical offset from its normal position; the left and right properties specify the horizontal offset.

How do I position an element on top of another in CSS?

You can use the CSS position property in combination with the z-index property to overlay an individual div over another div element. The z-index property determines the stacking order for positioned elements (i.e. elements whose position value is one of absolute , fixed , or relative ).