Removing Padding Space in Footer Area

[HumbleApprentice]

Hi Everyone,

 

I have a footer with a short line of text on the first line, a line of social network icons on the second line, and a short line of text on the third line. I have too much space between my first line and social icons. This footer div is within a wrapper. Could someone please help me to get rid of some of the space between the first line text and the social network icon? Below is the CSS and HTML code for the wrapper and the footer:

 

I would highly appreciate your help.

 

 

Html

 

<div id="footer">

<p style="margin-left: 285px";>Follow Me</p>

<div id="social-media">

<ul>

<li><a href="http://www.facebook.com/#"><img src="images/facebook2.png"/></a></li>

<li><a href="http://www.twitter.com/#"><img src="images/twitter2.png"/></a></li>

<li><a href="http://www.rss.com/#"><img src="images/rss2.png"/></a></li>

<li><a href="http://www.yelp.com/#"><img src="images/yelp2.png"/></a></li>

<li><a href="http://www.linkedin.com/#"><img src="images/linkedin2.png"/></a></li>

<li><a href="http://www.youtube.com/#"><img src="images/youtube2.png"/></a></li>

</ul>

</div>

<div id="copyright">

<p>©Copyright 2014</p>

</div>

</div>

CSS code

#social-media li {float: left; }

#social-media ul {list-style-type: none;

margin-left: 200px;

padding-bottom: 5px; }

#social-media a {margin: 0 15px 0 15px; }

#social-media ul li {padding-top: 0px;}

#copyright {padding-bottom: 20px; clear:both;

margin-left: 400px; }

#footer {clear:both;

padding: 0;

border-top: 1px #C3C3C3 solid;

height: 150px;}