This is a paragraph that has a margin of 5 pixels on every side: top, right, bottom, and left.

This header has no margin. It is only spaced away from the paragraph because the paragraph has a margin of 5 pixels!

This is a paragraph that has a margin of 2% on every side: top, right, bottom, and left.

This header has a margin of 0 pixels.

This paragraph had one margin specified (left), using directional declaration. Note that there is still a margin below and above this paragraph. This is because our CSS only replaced one of the four margins, which didn't effect the top and bottom margins.

This header had each margin specified separately, using directional declaration.

This paragraph has a top and bottom margin of 5 pixels and a right and left margin of 15 pixels.

This header has a top margin of 0 pixels, a right margin of 5 pixels, a bottom margin of 10 pixels, and a left margin of 3 pixels.