在与图片保持一行的同时向上移动文本

Question

因此，我制作了类似于this的东西，但我希望它看起来像this。我在文本周围使用了div，但这将其移至下一行。我也尝试过margin-top：-10px;或顶部：-10px；但没有用。 line-height：0px;也不起作用。这是代码：

var wood = 15;
document.getElementById("wood").innerHTML = wood;

#resources {
    white-space: nowrap;
    font-weight: bold;
    position: absolute;
    margin-top: 825px;
    margin-left: 25px;
}

#nadpisResources {
    position: absolute;
    font-size: 45px;
}

#resourcesHodnoty {
    position: absolute;
    margin-left: 50px;
    margin-top: 50px;
    font-size: 35px;
    font-weight: bold;
    
}

    <div id="resources">
        <div id="nadpisResources">Resources:</div>
        <div id="resourcesHodnoty">
        <img src="ikonyNavic/wood.png" width="50px;" height="50px;">
        <div style="display: inline-block; margin-top:-30px"> Wood: <element id="wood"></element></div>

    </div>
    </div>