This is a web page to demonstrate how to use CSS

Some text here.

<h2>one</h2>

Some text here.

<h2>two</h2>

Some text here.

<h2>three</h2>

Some text here.

<h2>four</h2>

Some text here.

This page was made to look this way by putting the following between the <head> and </head> tags:

<style type="text/css">
 h2.one { margin-top: 1em ; margin-bottom: 1em ; }
 h2.two { margin-top: 2em ; margin-bottom: 2em ; }
 h2.three { margin-top: 5em ; margin-bottom: 5em ; }
 h2.four { margin-top: .2em ; margin-bottom: .2em ; }
</style>

Each <h2> tag was assigned a class as shown below:

<p>Some text here.</p>
<h2 class="one">&lt;h2&gt;one&lt;/h2&gt;</h2>
<p>Some text here.</p>
<h2 class="two">&lt;h2&gt;two&lt;/h2&gt;</h2>
<p>Some text here.</p>
<h2 class="three">&lt;h2&gt;three&lt;/h2&gt;</h2>
<p>Some text here.</p>
<h2 class="four">&lt;h2&gt;four&lt;/h2&gt;</h2>
<p>Some text here.</p>
<p>This page was made to look this way by putting the following between
the &lt;head&gt; and &lt;/head&gt; tags.</p>

Click here to continue