Как сделать так чтобы блок не сжимался при font-size: 0?

Question

[Константин Клубков]

Хочу оформить ссылки на соц сети картинками, но чтобы сохранялась доступность
Код <a href="#" class="ig">Мы в инстаграм</a>
В стилях пишу:
.ig {
display: block;
width: 40px;
height: 40px;
background: #ffffff url(../img/ig.png) center center no-repeat;
font-size: 0;
}
но блок сжимается и ничего не выходит

Answer 1

[AngReload]

Тот код, что в вашем вопросе — работает как ожидается. Но возможно у вас есть ещё какие-то стили для этого блока, следует посмотреть в Инспекторе в Инструментах разработчика.

А так нельзя?

<a href="#" class="ig"><img src="URL" alt="Мы в инстаграм"></a>