如何正确设置文本底部的文本，图像和底部文本完全对齐

Question

你好请仔细阅读这个问题这不是重复的问题我想在背景图像下面写文字，而且背景图片包含background-size：center center;财产，所以当我试图把文字放在它下面。背景图像和文本内容必须位于中心。请参考我的图像然后你会得到我真正想要的东西。该链接发布在评论框中。而且我还提供了我实际上已经尝试过的代码。我是级联样式表的新手，所以请帮助我提前多多感谢。 :)

Answer 1

您的问题是您使用的图片是您编写内容的同一元素的背景...您需要一个更像这样的结构：

<div class = "layer9">
  <h1><center>Outcome</center></h1>
  <div class = "outcome main norep lay"></div> //background image on this
  <div class = "content"> //content is seperate, but a sibling - that goes below
     <p>kjsdadjaljdlsadla</p>
     <p>kjsdadjaljdlsadla</p>
  </div>
</div>