It is possible to define individual margins by adding a direction suffix to the margin general attribute. Margin-bottom will set the bottom margin for this element.

Value Description
size px - size in terms of pixels
em - size in terms of the current font size
in - size in terms of inches
cm - size in terms of centimeters
percentage The width of this element will be a percentage of the element it is inside of.
auto The browser will automatically choose the value.


p { margin-bottom: 55px; border: 1px solid black; }


This paragraph had one margin speficied (bottom), using a directional declaration.

Compatibility Issues:

IE 5.0 - Margins can be buggy.