Html 将h标记和div在同一水平面上的同一封闭div中对齐

我有一个H6标签和另一个div，其中包含一个共享同一行（div）的按钮。我需要垂直和水平输入h6标签，所以我在上面使用了

margin:auto

，效果非常好。我希望包含按钮的div距离屏幕左侧20px，但与居中的h6标记处于同一水平；i、 e我也要垂直输入。我在它上面使用了下面的

位置：绝对
和
边距：自动0但它不起作用。该按钮显示在封闭div（运行我的代码段）的左上角。有什么想法吗

left: 20px;
zoom: 0;
position: absolute;
margin:auto 0; 


.container{对齐项目：居中；
宽度：100%；
最大宽度：100%；
高度：400px}
.top{显示：flex；
柔性包装：包装；
证明内容：中心；
宽度：100%；
身高：80%；
边距：0自动；背景：#f6f6f6；}
.bottom{显示：flex；
柔性包装：包装；
证明内容：中心；
宽度：100%；
身高：20%；
边距：0自动；背景：绿色；}
h6{页边距：自动；}
.后退按钮块{背景：无；
显示：块！重要；
左：20px；
缩放：0；
位置：绝对位置；
保证金：自动0；
}

你好
这
你好
其他CSS（按原样休息，只需将其添加到选择器中）：

其他CSS（按原样休息，只需将其添加到选择器中）：

可能的重复可能的重复
.bottom {
    position: relative;
}
.back-button-block {
    top: 50%;
    transform: translateY(-50%);
}