Кнопки социальных сетей в нижнем колонтитуле

Question

У меня проблема с размещением кнопок (социальная доля b.) В нижнем колонтитуле. Они почти посередине, но все еще немного справа. Как установить в середине?

Этот код находится в footer.php:

.footer-social { text-align:center;}
.footer-social li {display:inline;}

<div class="footer-social">
    <ul>
<li><a href="http://www.facebook.com"><img src='https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/133/Social_Media_Socialmedia_network_share_socialnetwork_network-09-24.png' /></a></li>
<li><a href="http://www.youtube.com"><img src='https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/136/Social_Media_Socialmedia_network_share_socialnetwork_network-30-24.png' /></a></li>        </ul>
</div>

И это в css:

.footer-social {text-align: center;}.footer-social li {display: inline;}

Answer 1

Задавать margin:0 а также padding:0 в <ul>

ul{ margin:0; padding: 0;}
.footer-social { text-align:center;}
.footer-social li {display:inline;}

<div class="footer-social">
    <ul>
<li><a href="http://www.facebook.com"><img src='https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/133/Social_Media_Socialmedia_network_share_socialnetwork_network-09-24.png' /></a></li>
<li><a href="http://www.youtube.com"><img src='https://cdn0.iconfinder.com/data/icons/social-networks-and-media-flat-icons/136/Social_Media_Socialmedia_network_share_socialnetwork_network-30-24.png' /></a></li>        </ul>
</div>

Answer 2