Html 两个并排div中的定心内容

试图将内容集中在两个并排的div中

不知道为什么我在每个div中的内容似乎都以彼此为中心

我已经建立了一个主容器和其中的两个div。文本居中对齐，但不确定如何将div内的内容居中

有什么想法吗

.div标题卖方资源{
字体大小：30px；
线高：32px；
边缘底部：10px；
}
.div详细卖方资源{
字体大小：20px；
线高：22px；
边缘底部：45像素；
}
.div主要集装箱卖方资源{
宽度：100%；
}
.div主要集装箱卖方资源{
边缘顶部：20px；
文本对齐：居中；
显示器：flex；
证明内容：中心；
}
.div卖方资源剩余{
宽度：300px；
显示器：flex；
文本对齐：居中；
}
.div卖方资源权{
宽度：350px；
显示器：flex；
文本对齐：居中；
}
.卖方资源高度{
高度：125px；
}

了解Yodega如何为卖家服务
转介其他业务以降低您的费用
了解推广Yodega商店的最佳方式
关于如何建立店铺的详细说明
可变运输成本、添加产品详细信息等
有关如何管理和填写订单和付款的详细信息

您可以为父类

文本中心提供CSS，并为您的内部或子div使用
边距：0px自动。
这将使您的每个子元素位于div内的中心。
再添加一个外部容器div并添加此规则

.container{
display:flex;
Justify-content:center;
}

和内分区

.inner {
display: flex;
flex-direction:row;
}

结构将是（这是帕格）

设置左、右分区的宽度。
我想它已经在中间了？？您可以将css提供给父类
文本中心
，对于您的内部分区或子分区，请使用
边距：0px auto
谢谢，Ashish。这起作用了——我不明白为什么，但它起了作用！：）谢谢好的，我正在添加ansThis，非常好，谢谢。有什么想法可以让它更具响应性吗？按原样，右div不在左div之下，单词在小屏幕上重叠。
div(class="container ")
    div(class=" inner")
        div my_left
        div my_right