Html 将文本居中放置在相对位置>；绝对值>；相对div

我正在尝试在相对>绝对>相对>待居中文本中居中文本。我已经尝试了我能找到的大多数解决方案，但我只能让它水平居中。这是我到目前为止所得到的一些信息

HTML:

 <div class='outer'>
  <div class='inner'>
    <div class='inner1'>
      <p>
      text
      </p>
    </div>
  </div>
</div>

试试这个css， 刚刚使用的表格和表格单元格，表格的高度和宽度均为100%

.outer{
位置：相对位置；
宽度：500px；
高度：250px；
背景色：红色；
}
.内部{
位置：绝对位置；
宽度：100px；
高度：100px；
背景颜色：蓝色；
顶部：20px；
左：50px；
}
.1{
位置：相对位置；
宽度：100%；
身高：100%；
显示：表格；
}
.1 p{
文本对齐：居中；
显示：表格单元格；
垂直对齐：中间对齐；
保证金：0；
}

文本

在这里试试这个css， 刚刚使用的表格和表格单元格，表格的高度和宽度均为100%

.outer{
位置：相对位置；
宽度：500px；
高度：250px；
背景色：红色；
}
.内部{
位置：绝对位置；
宽度：100px；
高度：100px；
背景颜色：蓝色；
顶部：20px；
左：50px；
}
.1{
位置：相对位置；
宽度：100%；
身高：100%；
显示：表格；
}
.1 p{
文本对齐：居中；
显示：表格单元格；
垂直对齐：中间对齐；
保证金：0；
}

文本

谢谢。这就是解决办法，谢谢。这就是xD的解决方案

.outer{
  position: relative;
  width: 500px;
  height: 250px;
  background-color: red;
}

.inner{
  position: absolute;
  width: 100px;
  height: 100px;
  background-color: blue;
  top:20px;
  left: 50px;
}

.inner1{
  position: relative;
}

.inner1 p{
  text-align: center;
  margin: 0;
}