Removing Padding Space in Footer Area

[HumbleApprentice]

Hi Guys,

I have a footer with a short line of text followed by a line of social icons, followed by another short line of text. I have too much spacing between the first line of text and the social icons. Could you please help me remove that space. Below is the css and html code.

Any help will be highly appreciated.

<div id="footer">

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

<div id="social-media">

<ul>

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

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

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

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

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

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

</ul>

</div>

<div id="copyright">

<p>©Copyright 2014</p>

</div>

</div>

#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;}

 

[DizzyDan]

Mess with these

ul,p {margin: 0;}

[HumbleApprentice]

Hi Dan,

 

It works. Thanks.

 

HumbleApprentice