Html CSS中心分区，带<；p>；到父div，垂直和水平

我有下面的HTML/CSS，其中我尝试将一个

div

与一些

放在它们的父

div

包装器的中心。我尝试使用众所周知的

翻译（-50%，-50%）

解决方案，但它不起作用。我还尝试使用

margin:0 auto

，也没有成功。我想我漏掉了一点，但我不明白。有人能告诉我吗

提示：这是一个仅从相关HTML和CSS规则构建的MCVE，还有很多，因此不要对一些

显示：块
或
感到困惑！重要信息
。我为背景和边框上色，以便更好地显示

以下是片段：


。半宽{
宽度：50%；
身高：795px；
}
分区，p{
边框：1px纯红；
}
.集装箱{
字体系列：“IBMPlexSans”；
}
.container>div{
框大小：边框框；
边框：1px纯绿色；
背景色：继承；
}
.集装箱{
显示器：flex；
填充：0；
宽度：100%；
背景色：浅绿色；
柔性包装：nowrap；
弯曲方向：立柱；
}
.仅限手机{
显示：块；
宽度：100%；
}
/**用于在移动和桌面规则之间切换**/
.仅限桌面{
显示：无；
}
.背景黑{
背景色：#4E4E！重要；
宽度：650px！重要；
边界半径：20px；
}
.35号{
字体大小：35px；
高度：526px；
文本转换：大写；
}
.尺码25{
字体大小：25px；
宽度：335px；
高度：95px；
}
.尺码19{
字号：19px；
宽度：335px；
高度：350px；
利润上限：-25px；
}
/**中心容器div指向未知主体，工作正常**/
.中心到背景{
左边距：自动；
右边距：自动；
}
.身高-495{
身高：495px；
}
.身高-526{
高度：526px；
}
.desc text>p{
显示：块；
}
/**将内容div与其父级的文本居中，
在水平和垂直方向上，都不起作用**/
.居中文本{
位置：相对位置；
文本对齐：居中；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.center text>p{
显示：块；
}
.center-h{
显示：块！重要；
左：50%；
}
.半幅{
宽度：100vw；
}

这是

Á段

这是一个长文本，需要在多行上居中


因为移动设备没有那么宽

当您将一个元素置于父元素的中心时，您可以给父元素：

显示：表格；
高度：100vh

和孩子：

垂直对齐：中间对齐；
显示：表格单元格


.outer{
显示：表格；
高度：100vh；
宽度：100vw；
背景：黄色；
}
.内部{
垂直对齐：中间对齐；
显示：表格单元格；
背景：红色；
}

内部div文本。
and without table？：）这是SO（CSS）中被问得最多的问题之一，请在提问之前进行更好的搜索；）正如我所说的，我已经尝试了那里建议的答案