Html 是否从Flexbox中排除内部元素？

当使用flexbox时，面试框容器就是它应该位于的位置，但是我不能对齐div的任何内部元素。 文本对齐不影响flexbox的文本b/c；尝试在不使用flexbox的情况下使用

vertical align:center

w/o luck

希望找到一个解决方案，在那里我可以使用flexbox，并能够对齐盒子内的内部内容/元素

正文{
身高：100%；
宽度：100%；
}
.采访横幅{
宽度：100%；
高度：95px；
背景色：#19283B；
位置：固定；
z指数：1；
}
.面试背景{
背景色：#F4F8FB；
最小高度：100vh；
身高：100%；
}
.面试箱{
/*对齐项目：居中；
证明内容：中心；
显示器：flex；
弯曲方向：行*/
垂直对齐：居中；
}
.面试箱{
位置：相对位置；
边框：2件纯黑；
最大宽度：625px；
宽度：100%；
最小高度：446px；
/*显示器：flex；
弯曲方向：立柱；
对齐项目：居中*/
填充：35px；
背景：白色；
边缘顶部：100px；
边缘底部：80px；
}
/*应该坐在右边*/
.面试框>按钮{
位置：绝对位置；
底部：35px；
宽度：108px；
高度：41px；
字体系列：OpenSans Light；
字体大小：15px；
文本对齐：居中；
颜色：#FFFFFF；
背景色：#19283B；
边框：1px实心#19283B；
边界半径：4px；
}
/*应该在左边*/
.面试框>p{
文本对齐：右对齐；
颜色：红色；
}

标题文本
解释文本

按钮文本

您可以设置

调整内容：中心.interview box container

中添加code>，并进行一些其他调整，例如从

按钮中删除
位置：绝对
（请参见代码段中的注释）

注意：属性
垂直对齐
没有值
中心
，最接近的是
中间
值


正文{
身高：100%；
宽度：100%；
保证金：0
}
.采访横幅{
宽度：100%；
高度：95px；
背景色：#19283B；
位置：固定；
z指数：1；
}
.面试背景{
背景色：#F4F8FB；
最小高度：100vh；
身高：100%；
}
.面试箱{
显示器：flex；
对齐内容：居中；/*在中心对齐框*/
}
.面试箱{
/*位置：相对位置*/
边框：2件纯黑；
最大宽度：625px；
最小高度：446px；
显示器：flex；
弹性方向：行反转；/*使按钮位于左侧，文本位于右侧*/
对齐项目：居中；/*垂直对齐文本和按钮*/
对齐内容：项目之间的间距；/*项目均匀分布在行中；第一个项目在起始行，最后一个项目在结束行*/
填充：35px；
背景：白色；
利润率：100px 0 80px
}
.面试框>按钮{
/*位置：绝对位置；
底部：35px*/
宽度：108px；
高度：41px；
字体系列：OpenSans Light；
字体大小：15px；
文本对齐：居中；
颜色：#FFFFFF；
背景色：#19283B；
边框：1px实心#19283B；
边界半径：4px；
}
.面试框>p{
颜色：红色；
}

标题文本
解释文本

按钮文本
您可以尝试使用以下间距对齐框和框内的折线：


正文{
身高：100%；
宽度：100%；
}
.采访横幅{
宽度：100%；
高度：95px；
背景色：#19283B；
位置：固定；
z指数：1；
}
.面试背景{
背景色：#F4F8FB；
最小高度：100vh；
身高：100%；
}
.面试箱{
位置：相对位置；
边框：2件纯黑；
最大宽度：625px；
宽度：100%；
最小高度：446px；
利润率：100px自动80px；
显示器：flex；
对齐项目：居中；
填充：35px；
背景：白色；
边缘顶部：100px；
边缘底部：80px；
证明内容：之间的空间；
}
.面试框>按钮{
宽度：108px；
字体系列：OpenSans Light；
字体大小：15px；
文本对齐：居中；
颜色：#FFFFFF；
背景色：#19283B；
边框：1px实心#19283B；
边界半径：4px；
}
.面试框>p{
文本对齐：右对齐；
颜色：红色；
}

标题文本
解释文本

按钮文本
您能否发布一个工作示例，codepen、jsfiddle？您希望对齐方式如何@TemaniaAfif框居中，文本和按钮向右或向左对齐