The right property defines the horizontal position of a positioned element, but will have no affect on an item not positioned.

• Position: absolute or fixed – the right property sets the right edge of an element as to the left/right edge of its nearest positioned ancestor
• Position: relative – the right property causes the element’s right edge to move to the left/right of its normal position
• Position: sticky – the right property behaves as if relative when the element is inside the viewport, and as if fixed when it is outside the viewport
• Position: static – the right property will have no effect

div {
    position: absolute;
    right: 10px;
}

These are the allowed values.

The HTML element can also be styled using JavaScript and the element’s id.

document.getElementById('my_div').style.right = '10px';

<button onclick='my_function()'>Click Here</button>

<script>
function my_function() {
    document.getElementById('my_div').style.right = '10px';
}
</script>