Jump to content

Removing Padding Space in Footer Area


Recommended Posts

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

 

Link to post
Share on other sites

Hi Dan,

 

It works. Thanks.

 

HumbleApprentice

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...