文本块的 CSS 对齐方式 [已关闭]

问：

我正在从事一个个人项目，并为文本块的 CSS 对齐而苦苦挣扎。我有一个示例图像来说明所需的外观。我面临的具体问题是在文本块内实现精确对齐。

如何改进文本块中的 CSS 对齐方式以匹配提供的屏幕截图中的设计？

[HTML全文]

<div class="content">
  <div class="wip-block block dark-theme">
    <h1>
      Lorem ipsum dolor, sit amet, consectetur<span class="subtext"
        >on days like this, kids like you should burn in hell.</span
      >
    </h1>
  </div>
  ...
</div>

CSS的

.content {
  flex-grow: 1;
  margin: 0;
  text-align: left;
}

.block {
  min-height: 50vh;
}