I want to separate my icons, because they are many together but I can not. By putting padding
the application stays like this.
Increases with
and heigth
by not separating icons.
.redes_sociais{
padding: 30px;
}
.top{
padding: 30px;
}
<ul class="top">
<li><i class="fa fa-phone"></i> Atendimento</li>
<li><i class="fa fa-envelope"></i> Ajuda</li>
</ul>
<ul class="redes_sociais">
<li><i class="fa fa-facebook" action="" ></i></li>
<li><i class="fa fa-twitter" action=""></i></li>
<li><i class="fa fa-linkedin" action=""></i></li>
<li><i class="fa fa-dribbble" action=""></i></li>
<li><i class="fa fa-google-plus" action=""></i></li>
</ul>