Css 在页边空白处放置一个圆形元素，就像在时间线上一样

我正在尝试编写一个如下设计：

到目前为止，我已经得到了中心边缘，语音气泡和气泡上的三角形。但是，我不知道如何处理需要放置在边距上的相应圆元素

我这里有一个简单的模型：

我可以为每个气泡创建元素并绝对定位它们，但这不是正确的方法。。我也不能有多个psuedo元素

---

我如何做到这一点而不必绝对定位它们呢？

一种方法是在事件

div

中添加

span

，然后相应地设置样式。我已在此处编辑了您的标记：