| <HTML> | |
| <HEAD> | |
| <TITLE>Examples of margins, padding, and borders</TITLE> | |
| <style type='text/css'> | |
| p.classA { | |
| color: white; | |
| background: blue; | |
| margin: 40px 40px 40px 40px; | |
| padding: 12px 0px 12px 12px; | |
| } | |
| p.classB { | |
| color: white; | |
| background: blue; | |
| margin: 40px 40px 40px 40px; | |
| padding: 12px 0px 12px 12px; | |
| 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>after</p> | |
| </BODY> | |
| </HTML> |