Html 带有图标的css圆圈

我正在努力实现如下图所示的目标

我已经设法创建了css圆圈，里面有图标，但后面的文本与cirlce不一致

.circle{
背景#938005；
边界半径：50%；
颜色：黑色；
显示：内联块；
高度：50px；
字体大小：粗体；
字体大小：1.2米；
宽度：50px；
保证金：0自动；
}
.圆跨度{
显示：表格单元格；
垂直对齐：中间对齐；
高度：50px；
宽度：50px；
文本对齐：居中；
填充：0 15px；
}

聊天室发送公共和私人信息

您应该将文本包装在

div

中，并使用display

内联块作为

.chart{
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}


.circle{
背景#938005；
边界半径：50%；
颜色：黑色；
显示：内联块；
高度：50px；
字体大小：粗体；
字体大小：1.2米；
宽度：50px；
保证金：0自动；
}
.圆跨度{
显示：表格单元格；
垂直对齐：中间对齐；
高度：50px；
宽度：50px；
文本对齐：居中；
填充：0 15px；
}
.图表{
显示：内联块；
垂直对齐：顶部；
填充物：5px；
}

聊天室发送公共和私人信息
请同时提供html。聊天发送公共和私人消息@vishalpanchal我给你写了一个片段。这很容易。下次单击编辑，然后单击
[]
代码段编辑器，并提供一个像我现在为您所做的一样的代码段。谢谢，我是新来的，我不知道。