因此,我制作了类似于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>