| <html> | |
| <head> | |
| <style type="text/css"> | |
| body { | |
| background: orange; | |
| } | |
| div { | |
| background: yellow; | |
| margin: 0% 0% 0% 0%; | |
| border: thin solid red; | |
| padding: 0% 0% 0% 0%; | |
| } | |
| p { | |
| background: red; | |
| margin: 3% 3% 3% 3%; | |
| padding: 3% 3% 3% 3%; | |
| border: thin solid blue; | |
| } | |
| h1 { | |
| background: green; | |
| margin: 3% 3% 3% 3%; | |
| padding: 3% 3% 3% 3%; | |
| border: thin solid blue; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <h1>Html <em>Head</em>ing</h1> | |
| <p>fzz</p> | |
| </div> | |
| <h2>Html Heading</h2> | |
| <p>this demonstrates setting borders, margins by percentage.</p> | |
| </body> | |
| </html> |