Как связать 2 разных элемента (img и number) с 2 разными URL?

Question

Как я могу связать изображение из фона в css с каким-либо URL (# player / deposit /) и оставить сумму для привязки к другому URL (player / wallet /)?

<div class="player-credit-info">
    <a href="#player/wallet/">
        <div class="player-credit-amount">
            <div id="playerBalance">10000$</div>
        </div>
    </a>
</div>

Вотcss:

.player-credit-info {
padding: 0px 15px 0px 50px;
display: inline-block;
background: url(../images-vm/coin@2x.png) no-repeat;
background-size: 25px 22px;
background-position-x: 15px;
background-position-y: 2px;
float: right;
margin-top: 8px;
font-size: 18px;

}

Я не программист HTML, но даже это не выглядело сложным на первый взгляд, я застрял, чтобы изображение монеты и ее количество находились в одной строке ибыть связано с 2 разными URL.Я пытался исключить изображение в теге img, но не получил аккуратного решения.Спасибо вам за помощь.