像时间轴一样在边距上放置圆形元素

Question

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

到目前为止，我已设法获得中心边距，气泡和气泡上的三角形。但是，我不确定如何处理需要放在边缘的相应圆形元素。

我在这里有一个简单的模型：http://cssdesk.com/5bdmv

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

如果不必绝对定位它们，我该如何做呢？

Answer 1

一种方法是在事件span中添加div，然后按照惯例进行设置。我在此处编辑了您的标记：http://cssdesk.com/8FNgu