<html>

<head>

<style>

#header {

    background-;color:Blue;

    text-align:center;

    padding:5px;

}

#nav {

    line-height:30px;

    background-color:yellow;

    height:300px;

    width:100px;

    float:left;

    padding:5px;      

}

#section {

    width:350px;

    float:left;

    padding:10px;  

}

#footer {

    background-color:white;

    color:black;

    clear:both;

    text-align:center;

   padding:5px;  

}

</style>

</head>


<body>


<div id="header">

<h1>Dictate Page</h1>

</div>


<div id="nav">

Background

</div>

<div id="nav">

Copyright using same html p

</div>


<div id="section">

<h2>Creating a background</h2>

<p>

This section will show you how to dictate a background. 

</p>

<p>

To view in more detail how to work this html do so now.

</p>


<div id="footer">

Copyright © Alan Masterton

</div>


</body>

</html>