在文字上定位文字

Question

我知道它涉及绝对和亲戚的位置，我已经尝试过自己，无法理解，所以我试着寻找指南。我发现的所有指南都已过时或无效。

有没有人有最新/指南有效？

Answer 1

这样的东西？

＆＃13;

＆＃13;

.container {
  position: relative;
}

.container img {
  width: 300px;
  height: 200px;
  background-color: #AAF;
}

.container .text {
  position: absolute;
  top: 20px;
  left: 30px;
}

＆＃13;

<div class="container">
  <img src="http://placehold.it/350x150">
  <div class="text">Foo Bar</div>
</div>

＆＃13;

＆＃13;

＆＃13;