Html 如何将一个div直接放置在另一个具有轻微偏移的div（包含内容）上？

我试图创造一种视觉效果，最好用这张图片来说明：

我用大量的文字阴影来实现这个效果，所有的阴影都在一个圆圈中偏移。它起作用了。但是我想对一个div做同样的效果，这样我就可以把效果放在图像上

我试过这个：

<div style="position:relative;top:0;left:0;">in a new adventure!
   <div style="position:relative;top:5;left:5;">in a new adventure!
   </div>
</div>

在新的冒险中！
在新的冒险中！

所以不要介意颜色或其他什么。。。我所期望的是直接在另一个文本上绘制的文本，因此它看起来有点厚。即：

但是，我得到的是第一个div下面的第二个div，偏移量在那里，就像这样：

---

有没有办法将一个有内容的div直接100%定位于另一个有内容的div？我的目的是偏移底部的z阶div，以便像上图一样制作底部的重笔划。

使用绝对定位

<div style="position:relative;top:0;left:0;">in a new adventure!
   <div style="position:absolute;top:1px;left:1px;">in a new adventure!
   </div>
</div>

在新的冒险中！
在新的冒险中！

顺便说一下，别忘了在你的价值后面加上单位

也可以使用负边距：

<div style="position:relative;top:0;left:0;">in a new adventure!
   <div style="position:relative;margin-top: -20px;">in a new adventure!
   </div>
</div>

在新的冒险中！
在新的冒险中！

[TBN！]全屏运行代码片段以查看效果（它没有响应：p）

• 您需要三个元素来添加效果一个在文本后面，一个在文本下面来添加维度，我使用

  -webkit text stroke

  来添加填充，并使用单词间距和字母间距来控制文本

#外部{
字体大小：70px；
颜色：3993cc；
字母间距：-1px；
位置：相对位置；
字号：900；
字距：-17px；
字体系列：arial；
-webkit文本笔划宽度：14px；
-webkit文本笔划颜色：#3993cc；
}
#外层2{
字体大小：70px；
颜色：3993cc；
字母间距：-1px；
位置：绝对位置；
字号：900；
字距：-17px；
顶部：10px；
左：0px；
字体系列：arial；
-webkit文本笔划宽度：11px；
-webkit文本笔划颜色：#3993cc；
}
#内在的{
颜色：白色；
字体大小：70px；
字号：600；
字母间距：4.4px；
位置：绝对位置；
顶部：14px；
左：3px；
-webkit文本笔划宽度：0px；
}
身体{
背景：#a3efff；
}

在新的冒险中！
在新的冒险中！
在新的冒险中！

position:absolute-maybe？当我这样做时，它使第一个div的容器成为绝对的，不管它是什么。我看不出有两个东西是直接重叠的，我一直在得到html避免效果。这最终使它成为第一个div的绝对值。也就是说，如果它只在页面上，它在页面左上角变成绝对值，如果它在表格中，它在表格左上角变成绝对值。使用负边距？@JohnRaptis这就是为什么使用带有

位置：相对
的包装器。这样你就可以把包装放在任何你想要的地方，而
position:absolute
，因为孩子们只会适应包装而不是你所说的其他元素。。。如果文本不在其容器的最右端，它将断开。前插将使#外插居中，但其他两个将在最左边。