Illustrating margins

Be sure to view the source code.

This document uses different text-align values for the body and headings. They are specified using style rules. The h1 is has a negative left margin value so it is further to the left than everything else in the document. The h2 has a positive margin. It is indented further then it would be otherwise. The extra indentation of the preformatted text is part of the preformatting. Inline elements such as strongly emphasized text cannot be given separate alignment.

The style rules


        body {margin-top: 15px;
              margin-right: 25px;
              margin-bottom: 15px;
              margin-left: 100px;
        }
        h1 {margin-left: -50px}
        h2 {margin-left: 50px}