如何使用CSS在节之间放置元素?

Question

我一直在寻找一种方法来放置部分之间的元素，我尝试使用边距，但元素保持在后面。下一页的下一部分。我需要使用的CSS属性是什么?我使用顺风CSS，但想知道什么属性处理它，所以我可以在文档中查看它。此外，我在我的项目中使用组件(React/JSX)。

我附上了一张图片供参考。

谢谢!

[红色方块内的元素][1][1]: https://i.stack.imgur.com/vVLbS.png

Answer 1

尝试下面的代码
希望你得到你想要的

<div class="bg-sky-400">
<p>test</p>
</div>
<div class="bg-indigo-400">
<div class="absolute z-10 -translate-y-1/2">
<div class="inline-block h-4 w-4 rounded-full bg-white"></div>
<div class="inline-block h-4 w-4 rounded-full bg-white"></div>
</div>
<p>hello</p>
</div>