My issue arises when I attempt to create a container within my footer and add a margin between the two elements. Strangely, this margin ends up appearing between the footer and the body of my website instead.
Below is how I have structured the footer and the margin:
<div id="footer">
<div id="footer_content1">
</div>
</div>
Here is the CSS for the footer:
#footer {
background-color: white;
width: 940px;
height:100px;
border-bottom: 2px solid black;
border-right: 2px solid black;
border-left: 2px solid black;
}
And here is the CSS for the container:
#footer_content1 {
background-color: blue;
height: 50px;
width: 500px;
margin-top: 10px;
}