Html 如何在CSS中使文本标签粘贴在图像旁边？

我在引导模式中有一个图像，周围有文本标签。因此，当我缩小浏览器时，文本的位置是至关重要的（它必须准确）

我可以很容易地做到这一点，在一个图像中的文字也是在png像这样，但我不喜欢它。

我尝试的是：

HTML:

---

除了我不知道为什么

.a.b.c.d

的绝对位置将

.modal body

作为父对象而不是

。container fluid

您需要添加位置：相对于.container fluid

什么是CSS用于

.modal body

和

container fluid

？添加位置相对于.container fluid no？这两个类在引导中是默认的。“但等一下，我会把它们加进去。”解决这个问题的DavidChase说。“谢谢，我一定是太累了，不能不看到这些。”以利亚杨不用担心，很高兴我能帮上忙

<div class="modal-body">
<div class="container-fluid">
<img class="" src="img/panel/cutaway-drawing.png">
  <span class="a">Open frame technology</span>
  <span class="b">Roxul rock wool</span>
  <span class="c">Camira fabric</span>
  <span class="d">Damped membrane technology</span>
</div>
</div>

.a {
  position: absolute;
  top: 55%;
}
.b {
  position: absolute;
  top: 25%;
}
.c {
  position: absolute;
  top: 55%;
  left: 70%;
}
.d {
  position: absolute;
  top: 25%;
  left: 70%;
}