CSS Property: left
The left position of a box.
Calculated differently, depending on the position state of a box.
For relative positioned boxes, left defines how far the box is offset from its initial left edge. So a positive value will, in fact, shift the box right.
For absolute (or fixed) position boxes, left defines how far the box is offset from the left edge of its containing block (being the page or a containing positioned box).
Possible Values
| Value | Note | Example |
|---|---|---|
| [length] | 100px | |
| [percentage] | Calculated in relation to the width of the containing box. | 50% |
auto | Default. | |
inherit | ||
initial | ||
unset | ||
Example
#sold {
position: absolute;
left: 150px;
}