Tenho umas divs em que devem ser exibidos alguns ícones do Font Awesome pelo meu css:
.listing-item .listing-meta-cat a
{
font-size:14px;
width:30px;
text-align:center;
margin-right:5px;
border-radius:10%;
display:inline;
padding:10px;
}
<div class="listing-meta-cat">
<a class="bgpurpal-1" href="javascript:void()">
<i class="fa fa-graduation-cap white"></i>
</a>
<a class="bgyallow-2" href="javascript:void()">
<i class="fa fa-child white"></i>
</a>
</div>
As classes dos links são apenas sobre cores. O que acontece é que as medidas da div não está ficando perfeita, está como na imagem:
padding-left
epadding-right
dentro da tag<a></a>
pra dar uma padronizada nowidth
dela. O problema que na segunda opção você terá que corrigir pra cada tipo de icon (por teremwidth
oupadding
diferentes acredito eu).