Html CSS覆盖定位问题

我有一个CSS覆盖的图像，从底部向上滑动，它在左边。我想把它放在中间。另外，我也不想承认，但另一篇文章没有帮助。我得到了一个帖子建议（IDK为什么），但我不知道它对我有什么帮助。我对这个不太熟悉，我所做的是为了我班上的一个项目，这个项目已经晚了，我正在努力争取额外的学分

我只是想知道如何把它送到中心。我试着将其向左移动25%、50%和75%，与右侧相同。它就是动不了。代码如下：

.container{
位置：相对位置；
宽度：50%；
}
.形象{
显示：块；
宽度：50%；
高度：自动；
}
/*这就是我用来移动它的东西*/
.覆盖{
位置：绝对位置；
底部：0；
左：0；
/*这将移动到任何地方*/
右：0；
背景色：深蓝色；
溢出：隐藏；
宽度：50%；
身高：0；
过渡：放松；
}
.container:悬停。覆盖{
身高：100%；
}
.文本{
空白：nowrap；
颜色：红色；
字体大小：20px；
字体系列：草书；
位置：绝对位置；
溢出：隐藏；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
}

这不会动的
就在这儿

我解决了它。我只需要使用“中心”标记，并将我的样式标记放在其中。移动了覆盖层，覆盖层已修复。

您好，欢迎来到stack Overflow，请阅读以下内容：因为它将帮助您提出本网站上的人可以帮助您解决的问题。这可能重复回答您的问题吗？请编辑问题以包含图像，以便我们可以重现正在发生的事情。我添加了一个代码段，所以只需单击“编辑代码段”链接，并为图像

src

（类似）使用占位符，不用担心，我已经搞定了