| |
| <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> |
