I'm having trouble aligning text on both sides of my footer. The text on the right keeps falling to the next line, and I want it to be on the same line as the text on the left. Any suggestions or tips would be greatly appreciated! Thank you in advance for your help!
If you need to take a look at my code, here's the link: http://jsfiddle.net/kc6AL/
HTML Code:
<!--Footerline-->
<div id="footerline">
<img src="http://s21.postimg.org/l6t6akypj/line.jpg"/>
</div>
<!--Footer-->
<div id="footer">
<h3 class="copyright">Copyright Stuff.</h3>
<h3 class="social">Social Links.</h3>
CSS Code:
#footerline {
width: 100%;
overflow: hidden;
margin: 5px auto 10px auto;
text-align: center;
}
#footer {
max-width: 980px;
text-align: center;
margin: auto;
}
h3 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
font-size: 14px;
color: #000;
text-transform: uppercase;
}
.copyright {
text-align: left;
}
.social {
text-align: right;
}