Css 如何将两个模块并排放置在divi的同一列中？

我正在使用Divi开发一个网站。我正在做标题，它包含一行，分为三列。其中一列必须有两个相邻的模块：一个图像模块（三个点是png文件）和一个社交媒体模块

我曾尝试将一个类分配给这两个类，然后在Divi主题选项中使用CSS，但没有成功。我使用的CSS是：

.header社交图像{display:flex；}

我附加了列的当前状态和所需结果的图像

---

你想要这样的东西吗

.container{border:1px solid#000；display:flex；justify content:space between；}
.dots{边框：1px纯棕色；}
span{显示：内联块；高度：50px；宽度：50px；边框半径：50%；边距：10px；}
.red{背景：red；}
.blue{背景：蓝色；}
.green{背景：绿色；}
.社交媒体{边界：1px固体#000；}
.fb{颜色：蓝色；字体大小：36px；}
.tw{color:aqua；字体大小：36px；}

食品饮料
Tw

您可能需要使用

标记。默认情况下，大多数HTML元素都是块级元素，这意味着它们不会显示在同一行上<代码>通过将这些元素转换为内联元素来帮助解决此问题，内联元素显示在一行中

---

因此，您需要将您的模块嵌入到一个总体的

标记中，以便相应地显示。

当您插入一个列时，有一个特殊的选项介于常规和完整之间，也许其中一个可以帮助您。