如何将2个不同的元素（img和数字）链接到2个不同的URL？

Question

如何将css中的背景图像链接到某个网址（#glayer / deposit /）并将金额与其他网址（播放器/钱包/）相关联？

<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个不同的网址。我试图在img标签中排除图像，但没有得到整洁的解决方案。感谢您的帮助。