CSS - left


The left property defines an offset of the left edge of an absolutely positioned element from the left edge of its positioning context, or the horizontal distance which a relatively positioned element will be displaced.

Possible Values:

  • length: A fixed distance from the left of the positioning context.
  • percent: Some percentage of the width of the positioning context, assuming that the width of the context has been set explicitly.
  • auto: Default. Lets the browser calculate the left position.

Applies to:

All the HTML positioned element.

DOM Syntax:



Here is the example which shows effect of this property:

<p style="position:absolute; left:100px;">
This line will be positioned 100px away from the 
left edge of this window.


Spacer Bottom Left Corner ImageBottom Right Corner Image
Valid XHTML 1.0 Strict  Valid CSS! Check the accessibility of this site according to U.S. Section 508