Css 响应性文本换行对齐，在居中div上提供透明背景和纯文本

目标：具有流体宽度的居中div，该div具有半透明的纯色文本背景，并在文本包装后在较小屏幕上保持居中

问题：当屏幕变得足够小，文本可以环绕时，纯文本将向右移动，而不是保持居中

信息：我成功地将两个答案组合在一起，以尝试获得想要的结果（花了半天时间找到两个兼容的答案并将其合并，这是初学者的悲哀）：

---

试着用媒体查询期望的反应行为，同时也看看这个位置：绝对；还显示：块；对于id=divboxtable。还有，你为什么用身份证来代替班级？。希望这对你有帮助。

它是以小提琴为中心的。需要将最新版本设置为基础。现在你可以看到小提琴的问题了。我已经更新它有一个图像背景，所以你可以看到不透明度。当文本换行时，您可以看到实心文本的对齐不再居中，当透明文本仍然可见时更容易看到-在CSS的第33行切换此选项。解决方案是从其他人复制的-不知道他们为什么使用id而不是类？我放弃了这个解决方案，使用RGBA作为背景，解决了对齐的所有问题。干杯

<div id="divboxtable">
  <div id="divboxcell">
    <div id="divbox">
      <div class="divtxtbck">
        <h1>WHAT AM I DOING WITH MY LIFE!</h1>
      </div>
      <div class="divtxtfor">
        <h1>WHAT AM I DOING WITH MY LIFE!</h1>
      </div>
    </div>
  </div>
</div>