Version: Level 2
Compability: IE4+ N4+
| Length | Abbrev. |
|---|---|
| centimeters | cm |
| ems | em |
| inches | in |
| millimeters | mm |
| picas | pc |
| pixels | px |
| points | pt |
The left property sets the physical distance of how far the left content edge of an element is to the right from the left content edge of the containing block. This property is not inherited.
A containing block is simply an element that contains one or more related elements.
There are three other properties that allow you to set the distance for the bottom, right, and top content edges. All four properties are used in conjunction with the position property. Note that if the position property is set to the static value, setting the left property has no effect.
p.one {
position: absolute;
bottom: 1in;
left: 1in;
right: 1in;
top: 1in;
}