right

The right adjusts the horizontal position of the element. The position of the element should be defined and its value must be absolute, fixed, relative, or sticky otherwise right property will have no effect.

If the element's position is set to absolute or fixed, the right property sets the distance between the element's right edge and the right edge of its parent element block.
When position is set to relative, the right property moves the element from its right edge from its normal position.
When position is set to sticky, the right property behaves position: relative when the element is inside the viewport, and like position: fixed when it is outside.

Syntax

right: auto | value;

Example

 .div-2 {
            padding: 10px;
            background-color: yellow;
            position: relative;
            right: 10px;
        }

Property Values

auto: automatically sets the position from the right edge. (Default value)

value: sets the given length value as the position from the right edge.