(Meu HTML do Rodapé)
<footer class="rodape-prin">
<ul class="icones-sociais">
<li><a href="https://twitter.com/oOoArcanjooOo" target="_blank"><img src="Icones/twitter.png" alt="Icone do Twitter"></a></li>
<li><a href="https://www.linkedin.com/in/patrick-ant%C3%B4nio-santos-oliveira-9b2026150/" target="_blank"><img src="Icones/linkedin.png" alt="Icone do Linkedin"></a></li>
<li><a href="https://github.com/FROST-BR" target="_blank"><img src="Icones/github.png" alt="Icone do GitHub"></a></li>
</ul>
© Patrick Antônio 2017
</footer>
==========================================================================================================
(Meu CSS do Rodapé)
.rodape-prin
{
background-color: rgb(0, 0, 0);
clear: both;
padding: 28px;
color: rgb(250,255,250);
font-size: 15px;
font-family: "arial", sans-serif;
}
.icones-sociais li
{
display: inline-block;
float: right;
width: 40px;
height: 40px;
}
================================================================
O problema é que na página do site os ícones ficam a direita, mas não ficam alinhados com o CopyRight, é como se um pedaço dos ícones ficassem no padding, gostaria de saber como deixo os icones no centro assim como o CopyRight. (Espero que eu tenha conseguido interpretar meu problema.)