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

• Position: absolute or fixed – the left property sets the left edge of an element as to the left/right edge of its nearest positioned ancestor
• Position: relative – the left property causes the element’s left edge to move to the left/right of its normal position
• Position: sticky – the left 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 left property will have no effect

div {
    position: absolute;
    left: 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.left = '10px';

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

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