Css 如何使图像和文本内联显示？

我是一个完全的HTML新手，希望能得到一些帮助

我正在进行一项在线研究，需要将两个项目放置在彼此相邻的位置（以及相对于另一个项目的位置，但这似乎与此无关）

第一项是图像，另一项是随机生成的数字

我把它们放在一个div中，并给了图像“display:inline”属性，但是数字坚持在下一行，而不是图像旁边，尽管有足够的空间

有人能解释一下吗

谢谢！ 萨马

以下是CSS和HTML：

.inner{
位置：绝对位置；
z指数：1；
底部：10%；
左：58%；
身高：12%；
显示：内联；
}
.评级{
位置：相对位置；
底部：5%；
颜色：红色；
}

34

将div class=“rating”更改为span class=“rating”，相反，div是一个块级元素，将该元素替换到下一行。

---

Span不是块级元素，它将出现在图像旁边。

使用

flex

为此，我只给您举个例子，您自己设置属性

.inner {
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 58%;
    height: auto;
    display: inline;
    display: flex;
    align-items: center;
}

---

.rating{…display:inline；}谢谢。我知道这必须是直截了当的！行得通