Html 在列中使用较大的圆形背景色

我必须在一个圆圈内的网页中制作一些文本，我知道这可以通过CSS完成，这是我的代码

.circle-div{
 width: 100%;
 height: 100%;
 text-align:center;
 background-color: rgba(75,113,252, 0.85);
 border-radius: 50%;
 color: white;
 padding:15%;
}

但问题是，当我试图使圆变大时，它附近的其他列会失去对齐（例如，我将宽度和高度设置为460px），下面是一个示例：

圆div |文本列|文本列

是否有任何可能的方法可以在不改变/交叉其他列的情况下增加背景大小？

使用伪元素

div{
显示：内联块；
位置：相对位置；
宽度：5%；
文本对齐：居中；
填充：10%；
}
.圆圈：之后{
内容：''；
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
身高：100%；
背景色：rgba（75113252,0.85）；
边界半径：50%；
}

---

CircleCol2Col2

请分享您的html代码片段，我的答案对您有帮助吗。。。如果没有，我还能做些什么来让它按照您的预期工作？