back

Left

Left is used to help to specify the position for positioned elements.
The other positioning properties are bottom,top , and right.

For elements that are absolutely positioned, left specifies the distance between the left margin edge of the element and the left of its containing block.

For elements that are relatively positioned, it specifies how far the element is moved right of its normal position.

Negative values mean that the element is moved left rather than right.

The options are:
(1) Auto, the default value, it means the browser will calculate the position.
(2) Length, allows you to set the value as a fixed length, for example in px or cm.
(3) Percentage, allows you to set the value as a percentage of the containing elements height.
(4) Inherit, the value is inherited from its parent element.

Example