Я пытаюсь центрировать выравнивание шрифта вокруг центра значков по вертикали. Если есть текст, мы можем сделать это, используя свойство line-height
, даже я попытался дать line-height
ту же высоту, что и высота div.
Пробовал display:inline-block
и vertical-align:middle
не сделал трюк.
Как центрировать значки вертикально во всех размерах. Он должен быть динамическим, так как размер значка может отличаться. Так что hardcode margin-top может не работать для другого размера значка, а также div.
CODE
.exp{
width:80px;
height:80px;
background-color:red;
border-radius:100%;
line-height:80px;
text-align:center;
vertical-align:middle;
display:inline-block;
}