Satyadev Satyadev - 1 year ago 136
CSS Question

How to align social icons in footer

I have two

tags with links to pages and links to social icons. How ever they are not aligned when I created second
tag to have social icons like this:

Here's my site:

<div id="footer">
<div class="container">
<ul class="nav navbar-nav">
<li><a ui-sref="home">Home</a></li>
<li><a ui-sref="about-us">About Us</a></li>
<li><a ui-sref="faqs">FAQS</a></li>
<li><a ui-sref="contact-us">Contact us</a></li>

<ul class="nav navbar-nav navbar-right footer-icons">
<li><a href="" class="inactiveLink">Copyright © 2016 </a></li>
<li><i class="fa fa-facebook fa-inverse" aria-hidden="true"></i><a href=""></a></li>
<li><i class="fa fa-youtube fa-inverse" aria-hidden="true"></i><a href=""></a></li>
<li><i class="fa fa-linkedin fa-inverse" aria-hidden="true"></i><a href=""></a></li>

Applying padding-bottom or margin-top is not effective at all. How do I fix this?

Answer Source

Create class for the li's of the social icons and give margin-top:15px



Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download