Html 用CSS定位元素

我在定位圆元素时遇到一些困难，如图所示：

cercle_先生我们的工作{ 宽度：10vw； 高度：10vw； 边界半径：50%； 盒影：0 3px 6px E1E1； 位置：相对位置； } .橙色·边界·我们的工作{ 宽度：9vw； 高度：9vw； 边框：3px实心FF591E； 边界半径：50%； 位置：绝对位置； 最高：3%； 左：4%； }

---

为每个职位使用一个类，为每个职位应用边距。 如果你想使用相同的原则，只需给更多的页边空白，并应用相同的逻辑间距文本

cercle_ourwork.上{ 宽度：10vw； 高度：10vw； 边界半径：50%； 盒影：0 3px 6px E1E1； 位置：相对位置； 左边距：12vw } cercle_先生，我们的工作，左{ 宽度：10vw； 高度：10vw； 边界半径：50%； 盒影：0 3px 6px E1E1； 位置：相对位置； 浮动：左； } cercle先生，你的工作，对吗{ 宽度：10vw； 高度：10vw； 边界半径：50%； 盒影：0 3px 6px E1E1； 位置：相对位置； 显示：内联； 左边距：15vw； } cercle_我们的工作{ 宽度：10vw； 高度：10vw； 边界半径：50%； 盒影：0 3px 6px E1E1； 位置：相对位置； 左边距：12vw； 利润率最高：6vw； } .橙色·边界·我们的工作{ 宽度：9vw； 高度：9vw； 边框：3px实心FF591E； 边界半径：50%； 位置：绝对位置； 最高：3%； 左：4%； }

---

你试过使用css网格吗？我试过了，但我不知道如何用css网格实现中间的两个元素。我会试试丹尼尔·罗德里格斯的解决方案，有效吗？对于网格，我想你必须使用一个span，作为colspan，我想你也可以使用colunms。