
<HTML>
<HEAD>
<TITLE>Examples of margins, padding, and borders</TITLE>
<style type='text/css'>
    p.classA {
        color: white;                  
        background: blue;              
        margin: 18px 18px 18px 18px;
        padding: 10pt 10pt 10pt 10pt;
    }
    p.classB {
        color: white;                  
        background: blue;              
        margin: 18px 18px 18px 18px;
        padding: 10pt 10pt 10pt 10pt;
        border-style: dashed;
        border-width: medium;          
        border-color: lime;
    }
</style>
</HEAD>
<BODY>
<p>before</p>
<p class='classA'>first paragraph</p>
<p class='classB'>second paragraph.</p>
<p class='classB'>third paragraph.</p>
<p class='classB'>fourth paragraph.</p>
<p class='classA'>fifth paragraph</p>
<p class='classA'>sixth paragraph</p>
<p class='classA'>seventh paragraph</p>
<p>after</p>
</BODY>
</HTML>