Container div tag exercise

A container div tag sits inside the body tags and allows you to size and center your entire site within a browser window.

 

1. Add this tag inside the <body> tags of each of your websites html pages ..

<body>

<div id="container">

(other tags go here such as .. #nav, #masthead, #content etc)

</div><!--container ends here-->

</body>

 

2. Add this style to your CSS stylesheet (you can choose your own colour) ..

#container {
margin-right: auto;
margin-left: auto;
width: 1000px;
height: 700px;
position: relative;
background-color: #FF9966;
}