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