<html>
<head>
<style type="text/css">
body {
background: orange;
}
div {
background: yellow;
margin: 0% 0% 0% 0%;
border: thin solid red;
padding: 12px 12px 12px 12px;
}
p {
background: red;
margin: 4px 4px 4px 4px;
padding: 2px 2px 2px 2px;
border: thin solid blue;
}
h1 {
background: green;
margin: 4px 4px 16px 4px;
padding: 2px 2px 2px 2px;
border: thin solid blue;
}
</style>
</head>
<body>
    <div>
    <h1>Html <em>Head</em>ing</h1>
    <p>fzz</p>
    <p>bar</p>
    <p>baz</p>
    </div>
    <h2>Html Heading</h2>
    <p>demonstrates borders, margins by fixed size.</p>
</body>
</html>