newbie here again.
I have a nav list in the header which i’m ok with the positioning but the footer nav element is on the right and i’m struggling to shift it over to the left. any help would be greatly appreciated. here is the html and css. If anything else looks wrong, please let me know:
HTML
<a href="#">Home</a>
<a href="#">Work</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
</div>
<div id="Copyright"> All Content Copyright 2016 </div>
CSS
nav{
float: right;
font-family: ‘Open Sans’, sans-serif;
font-size: 15px;
letter-spacing: 0.09em;
margin: 30px 30px 0 0;
}
.header ul a {
margin-left: 20px;
font:
size: 14px;
font-weight: 700;
text-transform: uppercase;
text-decoration: none;
color: black;
}
h1 {
text-align: center;
font-size: 55px;
font-family: ‘Open Sans’, sans-serif;
font-weight: 100;
color: white;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 90px 40 20px 40px;
clear: both;
}
span {
display: inline-block;
margin-top: 100px;
spacing: 0.5em;
border: white solid 10px;
padding: 2 5 2 5;
}
.quote {
line-height: 4px;
text-align: center;
font-size:18px;
font-family: ‘Open Sans’, sans-serif;
text-transform: uppercase;
color: white;
letter-spacing: 0.05em;
}
body p{
height: 200px;
width: 550px;
padding: 30px;
color: black;
font-size: 20px;
font-family: ‘Open Sans’, sans-serif;
display: block;
}
footer {
height:100px;
width: 100%;
background: url(Pictures/74H.jpg) center;
background-size: cover;
margin: -10;
padding: 5 5 5 5;
}
footer a{
float:left;
}
.lockup {
padding: 30px;
}
#Copyright {
float: left;
font-family: ‘Open Sans’, sans-serif;
margin: 38 0 0 0;
font-size: 10px;
text-transform: uppercase;
color: rgba(0,0,0,0.4);
}