Refining my code
</pre> <DOCTYPE html> <html lang=”en”> <head> <style> #header { background-color:black; color:white; text-align:center; padding:5px; } #nav { line-height:30px; background-color:#eeeeee; height:300px; width:100px; float:left; padding:5px; } #content { height: 290px; width:auto; float:left; padding:10px; background-color: white; } #footer { background-color:black; color:white; clear:both; text-align:center; padding:5px; } </style> </head> <body> <div id="container"> <div id ="header"> <h1>Pug Rescue and Adoption</h1> <img style="height: 100px; width:100px"src="image/pug.jpg"> </div> <div id="nav"> <span><a href="home.htm">home</a></span> <span><a href="contact.htm">contact</a></span> <span><a href="adopt.htm">adopt</a></span> <span><a href="rescue.htm">rescue</a></span> <span><a href="gallery.htm">gallery</a></span> <span><a href="donate.htm">donate</a></span> </div> <div id= "content"> <h1> Pug Rescue Charity Service </h1> <img style= "height:150px; width:200px" src="image/pug2.jpg"> <img style= "height:150px; width:200px" src="image/pug2.jpg"> <img style= "height:150px; width:200px" src="image/pug2.jpg"> <img style= "height:150px; width:200px" src="image/pug2.jpg"> <img style= "height:150px; width:200px" src="image/pug2.jpg"> <img style= "height:150px; width:200px" src="image/pug2.jpg"> <img style= "height:150px; width:200px" src="image/pug2.jpg"> <p>Rescue and adopting Pug's. We need your help! </p> </div> <div id="footer" > Copyright of Becky Hughes </div> </div> </body> </html>