如何在css中的图片旁边放置数字

Question

所以我目前也正在使用CSS和javascript用HTML制作简单的策略游戏。我对此很陌生，因此对大家来说这似乎很简单，但我很困惑。

所以我有我的照片，它是我制造的一个小像素战舰。我想在那艘船旁边显示一个数字，告诉我我有多少。我怎么做？我认为您必须为此使用CSS？最终将有6种船型。

预先感谢， 卢卡斯

Answer 1

您可以将图像放置在位置相对的容器中。然后在标签中放置一些文本，然后将其放置在绝对位置

例如

<div style="position:relative">
<img src="your image here">
<p style=""position:absolute; right: 0"></p>
</div>

Answer 2

使用CSS的float属性在图像旁边显示文本。 此链接可能会帮助https://www.w3schools.com/css/css_float.asp