Default Margins

Currently under review and testing 16th May 2008. Corrected 18th May 2008. This has only been tested with a 96dpi setting and User Agent text size setting of 16px.

Each example consists of:

  1. A wrapper with a transparent grid background with lines spaced every 10 pixels.
  2. Two empty divs with grey backgrounds purposely with no margins above and below each container.
  3. Between the two empty divs is a container (containing block) with silver background. There is horizontal padding for each container to show the silver background.
  4. A descendant block element with default vertical margins.

The height markers on the right are 0.8125em (13px), 1em (16px), 1.12em, 1.125em (18px), 1.3125em (21px), 1.33em, 1.67em

Paragraph

Space

h1 heading

Space

h2 heading

Space

h3 heading

Space

h4 heading

Space
h5 heading
Space
h6 heading
Space

Blockquote

Space
Space
  1. Ordered list
Space
Definition list
definition
Space
Preformated text
Space
Form

Notes:

Created: 16th of May, 2008.