Html 如何在CSS中将文本列居中

我在一个小的（初学者）项目上有两个文本专栏，我和我的朋友正在做。这是我们的代码

h3 {
text-align: left;
font-family: Times;
display:flex;
align-items:center;
}



.AboutBA {
text-align: justify;
width: 400px;
height: 300px;
position: relative;
left: 190px;

}

.Position {
text-align: justify;
width: 400px;
height: 300px;
position: relative;
left: 650px;
bottom: 319px;
}

我不想改变太多，为了不破坏布局，我唯一要找的是将两个文本列居中，使它们位于上图下方

.textDiv{
宽度：100%；
背景色：#CDD0E1；
位置：绝对位置；
底部：0；
右：0；
显示：表格；
高度：200px；
}
.textDiv div{
浮动：左；
宽度：35%；
填充：10px 5%20px；
显示：内联表；
}
.textDiv div span{
文本对齐：对齐；
字体大小：13px；
}
.textDiv div-strong{
字体大小：16px；
线高：40px；
文本对齐：左！重要；
}

老师赋予孩子权力


28岁的克里斯·乌尔默（Chris Ulmer）反思了为了专注于全球使命而放弃教学生涯的决定。
他是如何找到自己的职业的


来自费城的Ulmer就读于宾夕法尼亚州立大学，主修媒体效果，或者说“社交媒体影响那些接受它的人的方式”，他解释道。

您可以为要居中的文本列添加相应的HTML代码吗？同时查看HTML会很有帮助：）使它们成为

内联块

并使用

文本对齐：居中

在父级上还有显示：表+页边距：父级的自动和两个子级的表单元格。。。但是HTML仍然缺失