На веб-странице есть три иконки платёжных систем:
с таким кодом:
html:
<div class="paicons">
<a href="#" title="mastercard"><img src="master.png"></a>
<a href="#" title="Visa"><img src="visa.png"></a>
<a href="#" title="PayPal"><img src="pal.jpg"></a>
</div>
css:
.paicons {
padding: 1em;
float: right;
margin-top: -10em;
margin-right: 28em;
}
При этом при наведении курсора на картинки не вся область является ссылкой, а только около половины, вот что показывает браузер:
Я пытался задать ширину и высоту элементу "a" в css внутри "div" но это не дало результата. Как сделать так чтоб каждая ссылка была точно подогнана под картинку? Спасибо!