Como centralizar alinhar ícones impressionantes de fontes verticalmente em um círculo div?
Estou tentando centralizar o alinhamento dos ícones impressionantes da fonte, verticalmente. Se houver texto, podemos fazê-lo usandoline-height
propriedade, mesmo eu tentei dar oline-height
mesma altura que a altura da div.
Tentoudisplay:inline-block
evertical-align:middle
não fez o truque.
Como centralizar os ícones verticalmente em todos os tamanhos. Deve ser dinâmico porque o tamanho do ícone pode ser diferente. Portanto, um código de margem superior pode não funcionar para outro tamanho de ícone, bem como div.
CÓDIGO
.exp{
width:80px;
height:80px;
background-color:red;
border-radius:100%;
line-height:80px;
text-align:center;
vertical-align:middle;
display:inline-block;
}