Skip to main content
CSS is fun and cool and I like it.
Almanac

top / bottom / left / right

The top, bottom, left, and right properties are used with position to set the placement of an element. They only have an effect on positioned elements, which are elements with the position property set to anything other than static. For example: relative, absolute, fixed, or sticky.

div {
  <top || bottom || left || right>: <length> || <percentage> || auto || inherit;
}

You might use it, for example, to nudge an … Read article

Almanac

left

The left property in CSS goes hand in hand with positioning. By default, elements are static positioned in which the left property has no effect whatsoever. But when the positioning of an element is relative, absolute, or fixed, the left value plays a big role.

div {
  left: value (px, em, %, pt, etc) || auto || inherit;   /* can be negative */
}
Read article