Jump to content
Sign in to follow this  
HumbleApprentice

Removing Padding Space in Footer Area

Recommended Posts

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

Share this post


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...
Sign in to follow this  

×
×
  • Create New...